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

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

1. Хотлинк

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

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

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

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

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

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

3. Сжатие gzip

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

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

или

<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>

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

<?php ini_set('zlib.output_compression', 'On');
ini_set('zlib.output_compression_level', '1'); ?>

Аналогов подобных кодов в сети много, вы можете поискать подходящий именно для вашего хостинга самостоятельно. Однако, поврорюсь, проще всего попросить самого хостера активировать сжатие 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

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

    • Руки пока не дошли )) У меня этот файл оптимизирован способом убирания всех лишних пробелов и переносов

  • а что за плеер для видео вы используете? Прикольный!
    О хотлинке.. не совсем понятны символы что и куда вставлять. Пример бы полный увидеть…

    //(www\.)?ВАШСАЙТ\.ru/.*$ [NC]

    вот это что за символы? /.*$ [NC]

    • Плеер ютубовский обычный, просто блок, в который он вставлен, имеет особое оформление, это в файле стилей задается.
      Для защиты от хотлинка скопируйте весь приведенный в статье код и вставьте его в файл .htaccess в корневой директории сайта

      • а ваш сайт между какими символами надо, ка кв клипе? лучше бы пример с вставленной ссылкой на сайт увидеть, а то сомневаюсь сильно. Дело в том что полгода назад я пыталась таким способом защититься от хотлинка и у меня ничего не получилось. Код не работал — видимо что-то не то сделала. а еще картинки какие то ставят, которая должна отображаться вместо скопированных урлов картинок. Тоже ничего не вышло. но у вас нет в коде такой функции.

  • Кстати, когда код копируешь, то совсем неприятно получить в ответ то, что мол защищено от копирования? какой смысл разрешать копировать? новичок вставит вашу ссылку вместе со всем кодом по недоразумению.
    Может продумаете этот вопрос и сделаете по-другому? Хорошо еще что не запретили совсем, как делают некоторые через ПКМ. Все равно при желании стибрить есть комбинация ctrl+U

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

  • Не легко гуманитарию лавировать во всех этих подводных рифах. Пользуются недобросовестные блогеры. Свои картинки даже с водяным знаком видела на чужих сайтах. Только эти сайты дают переадресацию на другой сайт. Увидела, написала им и все, картинка как стояла так и стоит.

    • Пишите в техподдержку хостинга, обычно они более адекватно реагируют

Добавить комментарий