После успешного включения http2 в apache2. Я столкнулся с проблемой для сервера. У меня 4-5 css, 4-5 js и 100 изображений на сайте. Итак, как мне работать с несколькими активами?
<link href="source" rel="stylesheet">
<script src="source"></script>
<img src="source">
header('Link: </asset/to/push.js>; rel=preload; as=script')
поэтому я должен заголовки для каждого актива, если у меня есть 100 активов, будет 100 заголовков или около того
Альтернативное решение для добавления заголовков Link и использования Apache для их разбора и передачи связанных ресурсов состоит в том, чтобы естественным образом сопоставить вторичные ресурсы, такие как js, css и файлы изображений, с первичным ресурсом.
Это подход, который мы использовали в Jetty (отказ от ответственности, я являюсь разработчиком этого решения).
Мы используем это решение для обслуживания нашего собственного веб-сайта на основе WordPress через HTTP/2 с HTTP/2 Push.
Подход представлен здесь: слайды, видео.
Основная идея заключается в том, что когда браузер получает HTML-страницу, он немедленно анализирует ее и выполняет запросы, необходимые для загрузки вторичных ресурсов, таких как файлы js и css. Сервер, в данном случае Jetty, может сопоставлять первичный ресурс (html) с вторичными ресурсами.
В следующий раз, когда поступит запрос на ту же страницу html, Jetty уже знает, какие вторичные ресурсы необходимы, и может отправить их. Нет необходимости в заголовках Link, поскольку Jetty «узнает», какие ресурсы необходимы странице, из шаблонов запросов, которые выполняет браузер.
Этот подход можно точно настроить в зависимости от базы, но он отлично работает сразу после установки и обеспечивает значительное повышение производительности, см. здесь для живой демонстрации в видео, указанном выше.
Я рекомендую прочитать/посмотреть все слайды/видео для более широкого контекста HTTP/2 и HTTP/2 Push, но дело в том, что комбинация Jetty + PHP с HTTP/2 является мощным решением для HTTP/2 Push и требует никаких изменений в PHP-страницах, что идеально при использовании PHP-фреймворков, таких как WordPress или Drupal, и позволяет избежать добавления 100+ заголовков Link на ваши PHP-страницы.
Просто выдвигайте то, что действительно необходимо, заранее, иначе вы можете вообще не получить никакого прироста производительности.
Вот как я добавляю Icon-Font:
header("link: </fonts/icons.woff2?v=".$version.">; rel=preload; as=font; type=\"font/woff2\" nopush", false);
Не забудьте установить replace=false при использовании нескольких заголовков ссылок.
login.phpнуженcss/style.css, именно файлlogin.phpдолжен предоставить заголовок push-уведомления сервера. - person Koala Yeung schedule 23.02.2017