Как получить Minified Местоположение файла от w3 Общий кэш

Question

Как я уверен, многие из вас знают, Google PageSpeed ​​Insights будет иногда жаловаться на то, что он называет «render blocking css», когда вы тестируете свои сайты.

Их предложение состоит в том, чтобы визуализировать только «необходимый» CSS встроенный в HEAD. Если у вас есть CSS во внешнем файле (как это делается большинством), рекомендуется загрузить его после загрузки страницы. Это кажется довольно экстремальным, но это рекомендация. Он, похоже, является большим блокировщиком для улучшения своих показателей Mobile PageSpeed, а также ...

Вы можете использовать модуль PageSpeed ​​для Apache или nginx, чтобы помочь вам определить, какой CSS действительно «необходим». Опять же, можно спорить об относительной ценности этого, но это настоящая рекомендация Google.

У меня было понятие использовать javascript для «Lazy Load» в файле CSS, имея небольшой скрипт в нижнем колонтитуле моей темы, вводя CSS в голову. Здесь вы можете увидеть пример этой методики: https://bensmann.no - Это НЕ мой сайт. Я в основном хочу повторить или копировать то, что он сделал с его уменьшенной CSS - загрузите его в голова после загрузки страницы с помощью JavaScript, содержащейся в нижней части страницы

Я тогда поставил <!-- W3TC-include-css --> внутри <noscript> тега , тем самым подавляя размещение мини-CSS, а также обеспечивая его появление для браузеров, не поддерживающих JS.

Итак, проблема в том, что мне нужно каким-то образом определить местоположение мини-файла CSS, а также хэш, используемый для обозначения файла (для идентификатора для элемента). Кто-нибудь знает, как можно получить доступ к местоположению мини-файла CSS с PHP в нижнем колонтитуле?

Answer 1

Хотя этот пост не дает вам решение, это может принести вам ближе к двигать CSS, где вы хотите его:
http://freetheweb.tumblr.com/post/12482217372/w3-total-cache-better-css-js-placement

Answer 2

Вы должны узнать о Critical Path CSS, который является скользким, и действительно, никто не знает наверняка, какой CSS критичен или нет.

В промежуточный период (или в виде постоянного решения) установка плагина, такого как Autoptimize, и игра с ним значительно улучшат ваши оценки скорости страницы.

Запомнить галочку Показать дополнительные параметры при переходе в настройки. Я лично предлагаю просто ввести все CSS и использовать эту опцию, но это только я.

Если какие-либо плагины были повреждены после реализации этого, просто отмените оптимизацию CSS-кода, найдите файл CSS плагина и добавьте его в список исключений.