Оптимизируйте доставку CSS, устраните блокировку рендеринга JavaScript и CSS.

[georg_gorchakov]

Информация из PageSpeed Insights (Google)
https://developers.google.com/speed/pagespeed/insights/?url=https://www.furniturefinder.biz/furniture&tab=mobile

Веб-сайт: https://www.furniturefinder.biz/furniture/

1.Оптимизируйте доставку CSS следующего:

https://www.furniturefinder.biz/Lightbox2/css/lightbox.min.css
https://www.furniturefinder.biz/furniture/default.css
https://www.furniturefinder.biz/furniture/html/vendor/foundation.min.css
https://www.furniturefinder.biz/furniture/html/vendor/jquery-ui.min.css
https://www.furniturefinder.biz/html/vendor/foundation-icons.css

2. Используйте кеширование браузера

https://www.furniturefinder.biz/Lightbox2/js/lightbox-plus-jquery.js (срок годности не указан)
https://www.furniturefinder.biz/Lightbox2/js/lightbox.js (срок годности не указан)

В .htaccess у меня есть этот раздел:

## ИСТЕКАЕТ КЭШИРОВАНИЯ ##

ИстекаетАктивен Вкл.
ExpiresByType image/jpg «доступ плюс 10 дней»
ExpiresByType image/jpeg «доступ плюс 10 дней»
ExpiresByType image/gif «доступ плюс 10 дней»
ExpiresByType image/png "доступ плюс 10 дней"
ExpiresByType text/css «доступ плюс 1 месяц»
Приложение ExpiresByType/pdf «доступ плюс 1 месяц»
ExpiresByType text/x-javascript «доступ плюс 1 месяц»
Приложение ExpiresByType/javascript «доступ 1 месяц»
Приложение ExpiresByType/x-shockwave-flash «доступ плюс 1 месяц»
ExpiresByType image/x-icon «доступ плюс 1 год»

ExpiresDefault «доступ плюс 10 дней»


Как решить эти проблемы?

 

[Светлана Крутилина]

Поскольку обе ссылки показывают один и тот же контент, вполне возможно, что та, которая находится глубже на сайте, может быть наказана за «дублированный контент» - хотя это скорее проблема с рейтингом поиска, чем то, о чем должна сообщить скорость страницы... но опять же PageSpeed сейчас немного придурок и педантично относится к чуши, которая не имеет ничего общего с тем, насколько быстро или хорошо развит сайт.

Хотя сейчас я даже не могу получить результаты на мобильных устройствах из аналитических данных — это проблема после обновления в январе, но попадание на настольный компьютер (72/100), похоже, связано с более медленной реакцией сервера. Вероятно, это проблема с загрузкой, учитывая, что рассматриваемый сайт ОЧЕНЬ медленный из-за слишком большого количества отдельных файлов, используемых при его создании. По какой-то причине время ответа на этот подкаталог во МНОГО раз медленнее, чем на доступ к корню, не знаю, что является причиной этого, но, похоже, это настоящая причина, по которой они наказывают его.

Хотя на обеих страницах вы можете увидеть одну из моих самых больших проблем — вам начисляют несколько баллов за ПРОБЛЕМЫ С СОБСТВЕННОЙ РЕКЛАМОЙ И ОТСЛЕЖИВАНИЕМ! - когда они советуют вам оптимизировать свои собственные рекламные и отслеживающие скрипты, вы понимаете, что они зашли немного глубже в дерьмовую страну.

Серьезно? ВОТ почему я перестал серьезно относиться к скорости страницы.

Хотя это легко исправить? Хватит тратить время на полоумного быка Google Analytics. Он не содержит НУЛЯ полезной информации, которую вы не сможете почерпнуть из журналов сервера с помощью такого инструмента, как вебалайзер или аналог, за исключением педантичных глупых кусочков чепухи, которые серьезно воспринимают только маркетологи. ... и они делают это только потому, что это дает им дурацкие модные словечки и информацию, которую они могут собирать, чтобы подделать свою актуальность! Что-то вроде «волшебного сопоставления ключевых фраз». мошенничество «Эксперты» SEO используют это, чтобы создать впечатление, что их бык действительно работает!

Кроме того, если вы что-то продаете, ПРЕКРАТИТЕ показывать рекламу другим людям, продающим вещи. Эта часть доходов от рекламы, как правило, не стоит того на сайте, где вы сами пытаетесь совершить продажу! Есть причина, по которой вы не увидите много интернет-магазинов, продающих физические продукты с рекламой третьих лиц. В лучшем случае вы просто замедляете страницу и делаете ее менее полезной, в худшем — продвигаете своих конкурентов!

Что касается проблем, о которых вам не говорят... ну, давайте просто пройдемся по списку.

1) блокировка скриптов в . Удивительно, но он ругается из-за в таблице стилей, но НЕ из-за глупого jQuery BS или скрипта лайтбокса внутри , которые вызывают гораздо больше беспокойства. КОГДА ВОЗМОЖНО, переместите скрипты прямо перед , чтобы ускорить загрузку страниц. с этой целью ХОРОШИЕ сценарии НИКОГДА не должны находиться внутри разметки внутри

 

[seragrom]

Привет, тень смерти.

Я добавил предоставленный вами код. И никаких проблем с «использованием кэширования браузера». Спасибо.

Последняя версия скрипта поставляется с шаблоном, созданным zurb.com. Принял его (перемешал со старыми файлами).
И я имею то, что имею. Куча глупостей.

Удалены ненужные CSS и Java-скрипты. И объединил несколько таблиц стилей в один файл.

Статистика Pagespeed лучше (на 10-15 пунктов).

Есть странная вещь.

Основная папка с титульной страницей:

https://www.furniturefinder.biz

имеет гораздо лучший результат, чем:
https://www.furniturefinder.biz/furniture/

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

Оценка первой страницы: 94/94 (мобильный/настольный компьютер).
У второго: 73/94 (мобильный/десктопный).

Я думаю, это не очень важно.

Можете ли вы показать мне 3 худшие проблемы этого сайта?

Так что я могу начать улучшать его шаг за шагом.

 

[Антон8309]

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

Потрясающим примером этого является сообщение о «блокировке CSS», которое появляется, если у вас есть хотя бы один на странице, а они полностью тормозят, предлагая вам переместить стиль в разметку. — ПРОТИВОПОЛОЖНОСТЬ здравого совета.

Тем не менее, у вас есть несколько отдельных таблиц стилей, что означает больше рукопожатий, поэтому простой оптимизацией было бы объединить их в один файл. У них нет медиа-цели или для них установлено значение «все», поэтому они отправляются «всем», что в вашей компоновке экрана, скорее всего, является бредом для печати и прослушивания. Вот почему у вас должен быть как минимум media="screen" и "screen,projection,tv" для полноэкранного и правильного мультимедиа, даже ЕСЛИ HTML 5 также полностью тормозит, жалуясь на это.

Объедините эти отдельные файлы CSS в один файл, чтобы уменьшить «квитирование связи», замедляющее загрузку страницы, НЕЗАВИСИМО от скорости соединения, и поместите в них тип мультимедиа. Pagespeed не будет так сильно бить вас за наличие ССЫЛКИ, даже если они ВСЕ ЕЩЕ будут бить вас за это из-за глупости и невежества со своей стороны. Да, я осмелюсь назвать людей, которые в настоящее время поддерживают Google Pagespeed, невежественными и глупыми! Простое ПРИСУТСТВИЕ опускает вас в рейтинге? Ну, к черту эту чушь и к черту людей, которые это придумали!

«Использование кэширования браузера» — это еще одна чушь, в которой, похоже, упускается из виду тот факт, что кэш — это ограниченный ресурс, который, скорее всего, будет очищен, чтобы освободить место независимо от того, что вы установили в заголовках элементов управления — это только усугубляется их настаивая на том, что вы установили безумно высокие выдохи. В вашем случае именно об этом они и жалуются: для них десять дней или месяц — это «слишком мало»… и если для них это слишком мало, к черту этот шум.

Как будто что-то ужасно и ужасно неправильно в том, как браузеры обрабатывают это по умолчанию.

По сути, чтобы заткнуть им рот, они ожидают ЭТОГО:

<IfModule mod_headers.c> <FilesMatch "\.(ico|jpg|jpeg|png|gif|swf|avi|wmv|mp4|ogg|js|css)$"> Header set Cache-Control "max-age=2592000, public" </FilesMatch>
</IfModule>

Код (разметка): реальный заголовок управления кэшем HTTP, а не эта штука «expiresByType», которая часто вообще не может отправить заголовки... и они ОЖИДАЮТ, что (30-дневная) чрезмерная чушь сводит с ума максимальный возраст на МИНИМАЛЬНОМ уровне. .. что... ну... ДЕРП!

Иногда понимание Pagespeed является проницательным, а иногда бессмысленно педантичным, пытаясь запихнуть каждый сайт в фиксированный алгоритм, даже если это не имеет смысла, поэтому ПОЛНОСТЬЮ возможно создать многомегабайтную бесконечную путаницу рукопожатий, которая ранжируется 90. /100 в аналитике, несмотря на время загрузки, измеряемое минутами, и в то же время иметь страницу размером 90 000, построенную из 3 файлов, которые загружаются почти мгновенно, получают 5/100 только потому, что она не испортила заголовки управления кешем, не использует CDN , осмеливается иметь тег в и не тратить время на минимизацию его CSS или JavaScript...

... и впервые я увидел подобные результаты именно тогда, когда начал называть «инсайты» чушью. Черт, ты хочешь знать, сколько стоит чушь? Он будет ругать вас за вещи, которые AdSense — их собственная рекламная служба — добавляет на ВАШУ страницу!

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

Тем не менее, у этого сайта есть НАМНОГО более серьезные проблемы, чем то, о чем вам говорит статистика — например, изобилие недостатков доступности, таких как фиксированные метрические шрифты, и проблемы с кодированием, такие как статические сценарии в разметке, отсутствие семантики, JavaScript, выполняющий работу CSS или HTML, JavaScript. даром слишком много отдельных файлов и т.д и т.п.

Несмотря на это, я видел гораздо, НАМНОГО хуже.

 

[evident]

Да, это 2002 год.
Вот чушь, которую мне пришлось преобразовать в текущее время:
https://www.furniturefinder.biz/Test/

Основная проблема: я не программист.
Я прочитал ваши посты и ваш сайт.
Мне удалось немного узнать о HTML и CSS.

Очистка Div - вижу это в 3-х местах. И я могу их удалить без проблем.

На этой странице это связано с h2.
https://www.furniturefinder.biz/furniture/product/100-Essentials-Eclipse-Daybed-With-Cushions.html

Если я удалю
, у меня возникнет проблема с h2.


Можете ли вы подсказать что-то конкретное, чтобы все исправить?

 

[gexi]

Я согласен с Deathshadow по поводу проблемы над сгибом, но если вы хотите устранить предупреждение «Блокировка рендеринга JavaScript и CSS в содержимом над сгибом», вам следует поместить ссылку на ваш CSS-файл в нижнюю часть HTML-кода. Вы можете поместить важные правила CSS для контента в тег

 

[stafikus]

Там, где он не кэшируется, загрузка подстраниц МЕДЛЕННЕЕ и трата трафика, поскольку у вас уже ДОЛЖНА ИМЕТЬ внешняя таблица стилей.

Весь этот «перенос CSS в разметку» BULL глуп, недальновиден и делает все возможное, чтобы улучшить скорость или использование полосы пропускания — одна из причин, почему я считаю, что