Как ускорить загрузку сайта

Оптимизация изображений

Для png sudo apt-get install optipng

На вход даём файл для оптимизации

Оптимизация css, js

Для Pycharm установить плагин Assets Compressor. Использование Refactor->Compress (Ctrl-Alt-g)

Ужимаем css, js.

Использование cdn

Для bootstrap:
bootstrap.min.css
bootstrap.min.js

Для jquery:
jquery-latest.min.js

Настройка .htaccess

Взято c 1gb.ru


AddType "text/css" .gz
AddEncoding gzip .gz


AddType "text/csv" .gz
AddEncoding gzip .gz


AddType "text/html" .gz
AddEncoding gzip .gz


AddType "text/html" .gz
AddEncoding gzip .gz


AddType "text/javascript" .gz
AddEncoding gzip .gz


AddType "text/plain" .gz
AddEncoding gzip .gz

RewriteEngine on
ReWriteCond %{HTTP:accept-encoding} gzip # Браузер запросил сжатие
RewriteCond %{HTTP_USER_AGENT} !Safari # Браузер не Safari
ReWriteCond %{REQUEST_FILENAME} !^.+.gz$ # Имя файла не заканчивается на .gz
RewriteCond %{REQUEST_FILENAME}.gz -f # Есть сжатая версия файла
RewriteRule ^(.+) $1.gz [QSA,L] # Перенаправляем запрос на сжатую версию

В консоли выполнить следующее

""" bash for file in find . -type f -regextype awk -regex ".*\.(htm|html|js|txt|css)$"; do gzip -cf9 $file > $file.gz; done """

Сайты на которых можно померить скорость загрузки страницы

tools.pingdom.com
gtmetrix.com
google page speed


Anshik в разное Пт. 07 Февраль 2014. Tags: Web,


© Anshik 2012-2015