2017-02-13 2 views
0

работают на месте и использовали Boostrap через MAX CDN, поставивBootstrap CDN Rendering Задержка

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

в головной части.

Google PageSpeed ​​показывает:

Ваша страница 1 блокировка CSS ресурсов. Это приводит к задержке в рендеринге вашей страницы. Ни одно из вышеперечисленного содержимого на вашей странице не может быть отображено без ожидания загрузки следующих ресурсов. Попробуйте отложить или асинхронно загрузить блокирующие ресурсы или встроить критические части этих ресурсов непосредственно в HTML. Оптимизировать CSS Доставка из следующих условий:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css 

Есть в любом случае фиксации этого?

Благодаря

ответ

0

Либо изменить CDN (который будет, скорее всего, делать ничего для вас) или просто сохранить файл локально. Это повысит скорость вашей страницы Google.

Загрузить копию файла начальной загрузки вы используете и храните его как так root/css/bootstrap.min.css

Где root находится папка проекта.

CDN используются в основном для тестовых целей (мгновенный доступ к файлам) или в крупных проектах, которые имеют множество требований, которые не всегда могут выполняться локально.

Read this thread to better understand.

Хотя ошибка, что Google предоставляет вам не может быть серьезной проблемой для вашего проекта, это всегда хорошая практика, чтобы использовать свои ресурсы на местном уровне, так что ваш сайт может загружать самостоятельно, без ссылаясь на внешние источники, которые напоминают отдельный запрос.

Статические файлы = лучшее время загрузки = счастливый Google.

+0

Большое спасибо, спасибо. В любом случае, мы заботимся о том, что «наша страница имеет 1 блокирующий ресурсы CSS. Это вызывает задержку в рендеринге вашей страницы. ошибка, о которой все знают? – Walruss

+0

Попробуйте добавить 'media =" все "к вашей ссылке css. И ... у вас есть какие-либо правила '@ import' в ваших CSS-файлах? Сколько CSS-файлов вы связываете? – snkv

+0

Спасибо, что постарался мне помочь. Два css-файла, bootstrap.min.css и styles.css Нет правил @import. – Walruss

Смежные вопросы