Этот способ внутреннего CSS действителен? - PullRequest
Новая
       12

Этот способ внутреннего CSS действителен?

0 голосов
/ 19 сентября 2018

Я пытаюсь оптимизировать небольшой сайт, сейчас я изучаю CSS.

Давайте рассмотрим пример index.php.Сначала я сделал это стандартным способом, добавив <link rel="stylesheet" href="style.css"> в <head> моего HTML-вывода.

Google PageSpeeds, затем жалуется на файлы, блокирующие рендеринг.

Затем я попыталсяальтернативным способом и вместо тега <link>, описанного выше, я добавил это в <head>: 

<style>
    <?php include 'style.css';?>
</style>

. Это эффективно дает мне внутренний CSS, сохраняя при этом удобство наличия одного файла для всех моих страниц.,У меня больше нет блокирующих файлов рендера, и PageSpeed ​​кажется более счастливым.

Есть ли здесь существенный недостаток?Должен ли я быть таким же счастливым, как Google PageSpeed?

1 Ответ

0 голосов
/ 19 сентября 2018

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

Вы также можете посмотреть на установку модуля Page Speed ​​.Еще несколько статей о PHP-кэшировании приведены ниже.Вы также можете посмотреть на , включающее сжатие для передачи статических файлов - это значительно уменьшает размер большинства текстовых файлов.

...