Ускоряем загрузку блога без плагина.

Tweet

Ускоряем загрузку блога без плагина.

Здравствуйте, друзья. В этой статье  я расскажу Вам как ускорить загрузку блога, не используя для этого специальные плагины.
Как известно, скорость загрузки блога учитывается поисковыми роботами при ранжировании сайта. Сами судите.
Например, вы кликнули по ссылке, чтобы перейти на какой-то сайт, но он так долго грузится, что в итоге Вы просто с него уходите.
Тем самым, владелец блога  теряет трафик, а, соответственно, и клиента, если это, например, интернет магазин или сайт, специализирующийся на партнёрских программах.
В этой статье я хочу дать Вам несколько советов и рекомендаций по оптимизации блога для уменьшения времени его загрузки без использования каких-либо плагинов.

Для начала я представлю Вам несколько сервисов для проверки скорости загрузки Вашего ресурса.

1) Page Speed Online — неплохой онлайн-сервис  для проверки скорости сайта от компании Google. Кроме проверки скорости, сервис покажет список рекомендаций для ускорения и оптимизации сайта.
2) Pingdom Tools – очень хороший сервис для проверки скорости загрузки блога. То же выводит разные рекомендации и советы.
3) Loadimpact – ещё один сервис, который  вполне заслуживает внимания. Здесь при помощи генерации запросов определяется средняя скорость.
4) WebWait — на вид простенький, но весьма удобный сервис. Вводите адрес Вашего блога,   немного ждете и результат готов. Это один из самых точных сервисов.
Это из тех сервисов, о которых я знаю. Если Вы вдруг знаете ещё какие-нибудь сервисы проверки скорости загрузки сайта, то пишите в комментариях.

Ну, а теперь перейдём непосредственно к методам уменьшения времени загрузки сайта

Первое, с чего мы начнём, это оптимизация изображений.
Я, думаю, Вы сами понимаете, что чем меньше изображение, тем меньше его «вес» и, соответственно, картинка быстрее загружается. Ещё одним важным моментом является формат изображения. Самым оптимальным форматом для картинок, размещаемых на блоге, является формат JPEG.
Также можно использовать формат PNG, но это, если Вы хотите сделать прозрачный фон. Ни в коем случае нельзя использовать формат BMP!!! Например, если картина в формате PNG размером 200х133рх «весит» 15 Kb, то такая же картинка в формате BMP будет иметь размер примерно 1.5 Mb.
Второй важный момент —  это оптимизация скриптов и кодов.
Различные скрипты и html-коды тормозят загрузку блога, в том случае, если они написаны с ошибками.



Проверить блог на ошибки можно вот здесь: validator.w3.org. Если ошибок меньше 20, то это ещё нормально, если больше, то пора их исправлять. Ещё можно убрать все пробелы в кодах html и css файлах. Это тоже ускорит загрузку.
Ещё один способ увеличения скорости загрузки —  это сократить CSS.  Это можно сделать по данной ссылке, и сократить Java Script, это можно сделать здесь.  Для этого надо просто зайти по ссылкам, прописать путь до Ваших файлов, нажать на кнопку сокращения и сохранить готовый файл на компьютер, а затем загрузить его сайт, например по FTP (Как соединиться по FTP)
Ещё один очень действенный способ, это включить сжатие страниц Gzip
Сразу после включения режима сжатия  загрузка сайта значительно ускоряется.
Включить режим сжатия довольно просто, достаточно в файле .htaccess (находится в корневом каталоге) дописать следующее:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip!gzip-only-text/html
<ifmodule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_item_include file \.js$
mod_gzip_item_include file \.css$ </ifmodule>
</IfModule>

Хочу отметить, что после срабатывания режима сжатия gzip — скорость загрузки блога значительно увеличивается!
И последнее – используем кэш браузера
Наверное, все знают, что такое кэш браузера. Если кто-то не знает, объясню. Кэш браузера, это что-то вроде временной памяти, где хранятся все действия, которые Вы произвели в браузере.
Этот самый кэш можно эффективно использовать для ускорения загрузки сайта. Суть ускорения заключается в том, что у тех пользователей, кто уже заходил на Ваш блог, страницы будут загружаться быстрее, чем у тех, кто на Вашем блоге в первый раз. У них загрузка пойдёт быстрее по при повторном посещении.
Для использования кэширования необходимо дописать в .htaccess  несколько строк:

ExpiresActive On
ExpiresByType application/javascript «access plus 1 year»
ExpiresByType text/javascript «access plus 1 year»
ExpiresByType text/css «access plus 1 year»
ExpiresByType image/gif «access plus 1 year»
ExpiresByType image/jpeg «access plus 1 year»
ExpiresByType image/png «access plus 1 year»
Header set Cache-control: private
Header set Cache-control: public
BrowserMatch «MSIE» force-no-vary
BrowserMatch «Mozilla/4.[0-9]{2}» force-no-vary