CSS Above The Fold

Повысьте удобство работы пользователей, разместив на странице стили CSS в верхней части страницы. Даже если для загрузки остальных файлов CSS требуется несколько секунд, эти конкретные стили CSS, отображаемые в разделе заголовка, обеспечивают быструю визуализацию вашей страницы и более высокие результаты в системах тестирования, таких как Google Page Speed Insights. Но вам не нужно поддерживать две отдельные таблицы стилей, просто выберите определенные фрагменты файла стилей вашей темы со специальной разметкой, чтобы создать стили над сгибом, объединяющие фрагменты CSS в разделе заголовка. Этот плагин включает специальные открытые и закрывающие теги, которые вы можете вставить, редактируя файл темы style.css, чтобы окружить фрагменты кода: [css-above-the-fold]… Фрагмент CSS-кода вашей темы… [/ css-above-the- fold] Но этот синтаксис не является стандартным CSS, поэтому вам нужно включить эти теги между комментариями CSS, есть два способа сделать это: 1. Прокомментировать весь раздел Самый простой способ, CSS отображается только в заголовке, но не в таблица стилей. Такая разметка не позволяет использовать собственные комментарии CSS внутри фрагмента. Позаботьтесь о том, чтобы использовать этот способ только тогда, когда плагин активен, потому что вы комментируете некоторые части таблицы стилей вашей темы. / * [css-above-the-fold]… Фрагмент кода CSS… [/ css-above-the-fold] * / 2. Комментировать только теги Ненавязчивый способ, он позволяет включать комментарии внутри фрагментов, но фрагменты отображаются как в разделе заголовка, так и в файле CSS. Этот способ не зависит от плагина, и ваша таблица стилей темы будет продолжать работать с активированным плагином или без него. / * [css-above-the-fold] * /… Фрагмент кода CSS… / * [/ css-above-the-fold] * / Вы можете использовать эти два вида разметки вместе в вашем файле CSS. Результирующие фрагменты CSS, представленные в заголовке, сжимаются и уменьшаются. Этот плагин считывает файл style.css только при его изменении и сохраняет результаты с помощью API параметров WP.

Автор: Pau Iglesias, Blogestudio

Версия: 1.0

Последнее обновление: 2015-08-31 11:47am GMT