Поисковая оптимизация > Оптимизация страниц

Ускоряем свой сайт с помощью Page Speed

(1/25) > >>

[Константин]:
В последнее время все чаще и чаще на просторах Рунета можно услышать фразу "скорость загрузки сайта влияет на выдачу гугла", "разогнать сайт" и так далее. Давайте попробуем разобраться, как это сделать. 8)
При выполнении работы по аудиту сайтов часто сталкивался с проблемами ускорения работы сайта. Решил, что полезно будет создать единую тему с подробными инструкциями по решению таких проблем.

Итак, устанавливаем на свой браузер дополнение PageSpeed от Google.
Я использую Google Chrome, сюда ставится очень легко в 2 клика мышкой, и FireFox. Для лисички наиболее приятной для веб-разработчика будет возможность совместить 2 дополнения - FireBug (установить) и сам PS.

Далее буду рассказывать и показывать на примере FireFox:
 заходим на нужный сайт :D
1) кликаем правой кнопкой мыши и выбираем пункт "Inspect Element with FireBug"
2) в открывшемся окошке снизу выбираем пункт "Page Speed"
3) жмем на кнопку "Analyze Performance"
подробнее на картинке


Это всё была подготовка, теперь можно приступать к разбору ошибок и ускорению работы сайта. Я делал на примере данного форума, чтобы было понятнее.

Наиболее часто распространенные ошибки имеют следующие названия.

Используйте кэш браузера
Следующие кэшируемые ресурсы имеют короткий срок действия. В дальнейшем следует указать для следующих ресурсов срок действия не менее недели:
- и далее видим список ссылок на скрипты и картинки, как на картинке:



Теперь устанавливаем для этих объектов срок действия кэша на неделю, как рекомендует Page Speed.
Для этого в файл .htaccess добавляем следующий код:


--- Код: ---Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
--- Конец кода ---

где access plus 7 days это и есть срок действия кэша для обьектов - картинок, ксс, скриптов.

Объедините изображения в CSS-спрайты
описывать всё полностью не буду, много букаф получится, да и зачем? Уважаемый Ктонановенького очень классно раскрыл эту тему

Включите сжатие
Сжатие следующих ресурсов посредством gzip позволит уменьшить их размер для переноса на 85.8Кб (на 74%).
Например:
(нажмите чтобы показать/скрыть)Сжатие http://www.sbup.com/seo-forum/Themes/seo_1/css/index.css?fin20 позволит уменьшить размер на 47.6Кб (на 77%).
Сжатие http://www.sbup.com/seo-forum/Themes/default/scripts/script.js?fin20 позволит уменьшить размер на 34.1Кб (на 72%).
Сжатие http://www.sbup.com/seo-forum/Themes/seo_1/scripts/theme.js?fin20 позволит уменьшить размер на 2.2Кб (на 61%).
Сжатие http://www.sbup.com/scripts/newbottombanner.js позволит уменьшить размер на 2.0Кб (на 60%)
Как это сделать? Очень просто. На вашем сервере Apache должен быть активирован мод mod_gzip.
И нужно дописать в .htaccess такой код


--- Код: ---Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
--- Конец кода ---

Сократите CSS
Сокращение следующих ресурсов CSS позволит уменьшить их размер на xxКб (на xx%).

Тут всё еще проще - в Page Speed сразу предлагают сохранить оптимизированную версию ксс кода на компьютер, жмем на ссылку "See optimized version". А уж заменить ее на исходный код(который обязательно скопируйте отдельно, для дальнейшего удобного редактирования) сумеет и ребенок :)

Оптимизируйте изображения
Аналогично предыдущему пункту моей инструкции, тоже жмем "See optimized version" - сохраняем картинку на компьютере и перезаливаем на хостинг. Примерно так, как на рисунке

(нажмите чтобы показать/скрыть)
Отложите синтаксический анализ javascript

Как вариант - запустить скрипт через какое-то время после загрузки страницы, т.е сделать что-то вроде паузы, пока браузер обрабатывает остальной контент...

--- Код: ---Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
--- Конец кода ---

Пожалуй, это пока всё.
Если есть какие-либо вопросы по другим ошибкам - задавайте их в этой теме, будет разбираться вместе.
Попрошу прикрепить тему в разделе :)

Konsul:

--- Цитата: dreadful от 22-01-2012, 21:52:58 ---И нужно дописать в .htaccess такой код
--- Конец цитаты ---

Все вроде бы понятно но - май сайт на Ucoz и я не имею доступа к файлу  .htaccess (если такой и есть то он на сервере ucoz) -как тогда ? могу я выше приведенный код засунуть в css или непосредственно в код страниц ?

Alexo:

--- Цитировать ---На вашем сервере Apache должен быть активирован мод mod_gzip
--- Конец цитаты ---

ИМХО Лучше использовать статическое сжатие (хранить две версии файлов сжатые и без сжатия) и отдавать в зависимости от поддержи сжатия нужную версию файла.

[Константин]:
Alexo, а можно подробнее, пожалуйста?
Добавлено: 23-01-2012, 14:16:34
dar333, к сожалению uCoz не поддерживает .htaccess - поэтому разогнать его этим путем вряд ли получится.

alexsanris:
Для полного счастья- ExpiresByType image/ico"access plus 7 days"

Навигация

[0] Главная страница сообщений

[#] Следующая страница

Перейти к полной версии