Еще несколько способов ускорить загрузку страниц. #3

Оптимизация файлов, сжатие gzip и защита от хотлинка — еще несколько способов для снижения нагрузки на сервер и увеличения скорости загрузки страниц сайта.

  • 1. Хотлинк
  • 2. Оптимизация файлов
  • 3. Сжатие gzip
  • 4. Кеш браузера

Начнем с последнего. Хотлинком называют вставку на сайт изображений путем подгрузки их с другого сайта. То есть, чтобы не напрягать свой сервер и не заниматься место картинками или скриптами на своем хостинге, недобросовестный веб-мастер просто берет и проставляет ссылки на файлы, расположенные на другом сервере. Ничего сложного в этом нет, делается это буквально парой кликов мышки. И для того, чтобы защититься от хотлинка, мы вставим код в файл .htaccess:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?ВАШСАЙТ\.ru/.*$ [NC]
RewriteRule .*\.(gif|jpg|png|ico)$ - [F,L]

Если у вас тоже стоит проблема переполненности хранилища на хостинге, то чтобы не быть зловредителем и не вставлять изображения с другого сайта, кроме оптимизации файлов можно воспользоваться такими бесплатными сервисами файловых хранилищ, как Dropbox или Яндекс. Диск. Абсолютно бесплатно на них можно создать аккаунт и получить 10 гигабайт места — хватит за глаза. Другой вариант — размещать на хостингах изображений, например radikal.ru, однако в этом случае при просмотре полного изображения обилие рекламы вам обеспечено — ведь именно за счет нее подобные сервисы и живут. да и вечное хранение картинок тоже никто не гарантирует.

Еще несколько способов ускорить загрузку страниц. #3

2. Оптимизация файлов

Мы уже говорили об оптимизации графики для сайта, но к страницам подключаются не только изображения, но и другие файлы, например, Java- скрипты или файлы стилей. И их тоже необходимо оптимизировать, то есть убрать все лишние знаки пробелов, закомментированные строки, поменять теги, которые грузятся дольше, на более легкие и т.д.
Помогут нам в этом специальные онлайн сервисы — их много, предлагаю попробовать два для скриптов и для стилей.
Работать с ними надо следующим образом: вставляете в поле ввода полностью вырезанный текст из файла, жмем кнопку «GO» или ее аналог. После этого в другом окне появится оптимизированный текст, который мы копируем и вставляем на место в открытый файл, после чего его сохраняем и заливаем обратно на сервер.

3. Сжатие gzip

И еще один способ ускорения страниц — использование так называемого gzip сжатия файлов. Возможность эта зависит от хостера — в основном все современные хостинги его поддерживают. Спросите своего провайдера, можете ли вы использовать данную функцию у себя на сайте и попросите подключить. А также можно попробовать сделать это самостоятельно, вставив один из кодов в файл .htaccess

  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/css
  
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  

или

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

mod_gzip_on Yes
mod_gzip_item_include file \.js$
mod_gzip_item_include file \.css$ 

Или, если не сработает, вставив вот такой код внутри тега

в шапке сайта:

Аналогов подобных кодов в сети много, вы можете поискать подходящий именно для вашего хостинга самостоятельно. Однако, поврорюсь, проще всего попросить самого хостера активировать сжатие gzip для своего сайта.

4. Кеш браузера

Если страницы блога кешируются, то при повторном заходе на сайт все элементы не загружаются по-новой, а берутся из этого самого кеша, то есть информация по сути хранится на пользовательском компьютере. Для реализации кеширования можно использовать один из многочисленных плагинов, например Hyper Cache или W3 Total Cache. А также можно задействовать все тот же файл .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

Если знаете еще свои клевые способы оптимизации файлов — не стесняйтесь делиться ими в комментариях!

Оцените статью