Как получить расположение Minified File из w3 Total Cache
Я уверен, что многие из вас знают, что Google PageSpeed Insights иногда будет жаловаться на то, что он называет "блокировкой рендеринга CSS", когда вы тестируете свои сайты.
Их предложение состоит в том, чтобы сделать только "необходимый" CSS встроенным в HEAD. Если у вас есть CSS во внешнем файле (как и у большинства), рекомендуется загрузить его после загрузки страницы. Это выглядит довольно экстремально, но это рекомендация. Похоже, что он также является серьезным препятствием для улучшения показателей Mobile PageSpeed ...
Вы можете использовать модуль PageSpeed для Apache или nginx, чтобы определить, какой CSS на самом деле "необходим". Опять же, можно спорить об относительной ценности этого, но это текущая рекомендация Google.
У меня была идея использовать javascript для "отложенной загрузки" CSS-файла, когда в нижнем колонтитуле моей темы запускался небольшой скрипт, который вставлял CSS в голову. Вы можете увидеть пример этой техники здесь: https://bensmann.no/ - это НЕ мой сайт. Я в основном хочу скопировать или скопировать то, что он сделал с его минимизированным CSS - Загрузите это в ГОЛОВКУ после того, как страница загружена через Javascript, содержащийся в нижней части страницы.
Я бы тогда поставил <!-- W3TC-include-css -->внутри <noscript> тег, тем самым подавляя размещение минимизированного CSS, а также обеспечивая его появление для браузеров не JS.
Итак, проблема в том, что мне нужно как-то получить местоположение минимизированного CSS-файла, а также хеш, используемый для имени файла (для идентификатора элемента). Кто-нибудь знает, как можно получить доступ к расположению минимизированного файла CSS с помощью PHP в нижнем колонтитуле?
2 ответа
Вы должны будете узнать о Critical Path CSS, который является скользким уклоном, и действительно, никто точно не знает наверняка, какой CSS является критическим или нет.
Тем временем (или как постоянное решение), установка плагина, такого как Autoptimize, и игра с ним значительно улучшат ваши оценки Page Speed Insights.
Не забудьте поставить галочку " Показать дополнительные параметры" при переходе к настройкам. Я бы лично предложил встроить весь CSS и использовать эту опцию, но это только я.
Если какие-либо плагины не работают после реализации этого, просто снимите флажок "Оптимизировать CSS", найдите CSS-файл плагина и добавьте его в список исключений.
Хотя этот пост не дает вам решения, он может приблизить вас к перемещению CSS, где вы хотите:
http://freetheweb.tumblr.com/post/12482217372/w3-total-cache-better-css-js-placement