Думал написать свой пост по поводу PageSpeed, но раз он есть - просто добавлю свои наработки. Скажу что мой сайт на платформе статических страниц, без базы данных, на IIS 7.5, и оценка которую я получил - зеленый 87. Тут стоит заметить что есть некоторые ограничения в доступах, и некоторые файлы я править не могу, так же есть мелкие правки до которых не дошли руки... вопрос приоритетов.
Поехали.
1. Включите сжатие
Тут Константин указал как сделать эту настройку для серверов с apache
Но есть еще IIS (windows) - тут вам стоит обратиться к файлу web.config (стоит это делать осторожно)
nginx - В моём случае с одним из сайтов я просто обратился к хостеру, и он через консоль включил gzip. (так же для данной конфигурации сервера существует нечто, при включении этого сервер начинает читать файл .htaccess)
2. Optimize images - очень важный пункт, при решении данной проблемы в случае если за каритнками не следили, и если их много, результат был +17 баллов
Как я это делал? Очень простой путь без использования фотошопа или сложных программ.
Сделал фото -> открыл через paint -> изменил размер в пикселях до нужного -> открыл через paint.net -> Ctrl+Shift+S -> изменить качество до 65-70 ориентируясь на превьюшку.
3. Minify CSS
Wordpress позволяет сделать это плагинами, но в моём случае без движка выход был такой.
Сервис - http://mabblog.com/cssoptimizer/compress.html
Радость сервиса в том что стили я пишу сам и руками, и после сжатия очень сложно дописывать, НО этот сервис имеет возможность сделать uncompress - http://mabblog.com/cssoptimizer/uncompress.html. Единственный нюанс с CSS - при наличии комментариев файле он после компрессии может нарушиться. Я долго не думал и просто удалил их. (естественно с сохранением бекапа
4. Отложите синтаксический анализ javascript или Eliminate render-blocking JavaScript and CSS in above-the-fold content
Тут все интересно. в общем я отложил загрузку JS до момента отрисовки страницы. Это делается легко, у вас есть:
<head>
<script type="text/javascript" src="new.js"></script>
</head>
чтоб отложить загрузку нужно просто добавить атрибут defer для сайтов с DOCTYPE html и defer="defer" с DOCTYPE xhtml
будет это выглядеть так:
<script type="text/javascript" defer src="new.js"></script>
в данном варианте если вы добавили ко всем скриптам данный атрибут вы говорите браузеру клиента или роботу - пропусти этот скрипт и дочитай до конца страницы а потом вернись и выполни скрипт. Так же при добавлении этого параметра к нескольким скриптам, порядок их загрузки полностью сохраняется.
есть 2 проблемы в данном подходе:
1. если внутри кода в боди или в футере есть скрипт который выполняет действия на основании скрипта в хеде, то он не сработает.
2. такие скрипты как jquery-1.11.1.min.js имеют внутри метод document.write, Google говорит: "Если в ресурсах JavaScript используется метод document.write, использовать асинхронную загрузку небезопасно. Рекомендуется переписать скрипты с использованием других средств."
В общем на сегодня все.
Тема: Ускоряем свой сайт с помощью Page Speed (Прочитано 76290 раз)
23-01-2015, 12:03:29
