ПафНутиЙ-Блог » Разное » Увеличение скорости загрузки сайта на DLE (часть 2)

Увеличение скорости загрузки сайта на DLE (часть 2)

3.09

41 663

Увеличение скорости загрузки сайта на DLE (часть 2)

Все браузеры давно умеют кешировать статические данные (картинки, скрипты, css и т.д.), но для этого веб-сервер должен сообщить браузеру на сколько он должен кешировать эти данный с момента первого обращения к этим данным. Т.е. Если пользователь зашёл на сайт - загрузились к примеру 4 скрипта по 10кб - это 40кб, вроде бы не страшно, однако при каждом переходе по страницам сайта браузер будет загружать эти скрипты вновь и вновь, потому что думает, что скрипт обновляется при каждом обращении к нему. Поэтому логично "сказать" браузеру, что бы он проверял не обновился ли этот скрипт не при каждом обращении, а лишь раз в месяц или раз в год.

Как раз для указания "времени жизни" закешированных данных, правильной обработки HTTP-заголовков браузерами и предназначен этот код:

<IfModule mod_expires.c>
	ExpiresActive on

	ExpiresDefault "access plus 1 month"

	# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
	ExpiresByType text/cache-manifest "access plus 0 seconds"

	# html
	ExpiresByType text/html "access plus 0 seconds"

	# XML
	ExpiresByType text/xml "access plus 0 seconds"
	ExpiresByType application/xml "access plus 0 seconds"

	# RSS
	ExpiresByType application/rss+xml "access plus 1 hour"

	# Favicon
	ExpiresByType image/x-icon "access plus 1 week"

	# Картинки
	ExpiresByType image/gif "access plus 1 month"
	ExpiresByType image/png "access plus 1 month"
	ExpiresByType image/jpeg "access plus 1 month"
	ExpiresByType image/jpg "access plus 1 month"

	# HTC файлы  (например css3pie)
	ExpiresByType text/x-component "access plus 1 month"

	# Нестандартные шрифты сайта
	ExpiresByType application/x-font-ttf "access plus 1 month"
	ExpiresByType font/opentype "access plus 1 month"
	ExpiresByType application/x-font-woff "access plus 1 month"
	ExpiresByType image/svg+xml "access plus 1 month"
	ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

	# CSS и javascript
	ExpiresByType text/css "access plus 1 year"
	ExpiresByType application/javascript "access plus 1 year"

</IfModule>

# Cache-Control браузера 
<ifModule mod_headers.c>
	# 30 дней
	<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
	Header set Cache-Control "max-age=2592000, public"
	</filesMatch>
	# 30 дней
	<filesMatch ".(css|js)$">
	Header set Cache-Control "max-age=2592000, public"
	</filesMatch>
	# 2 дня
	<filesMatch ".(xml|txt)$">
	Header set Cache-Control "max-age=172800, public, must-revalidate"
	</filesMatch>
	# 1 день
	<filesMatch ".(html|htm|php)$">
	Header set Cache-Control "max-age=172800, private, must-revalidate"
	</filesMatch>
</ifModule>

<IfModule mod_setenvif.c>
	#Эта конструкция для говнобраузера
	#Запрет отдачи HTTP-заголовков Vary
	BrowserMatch "MSIE" force-no-vary
	BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

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

Представленный код - результат сбора данных с разных источников и оптимизации его под DLE. Для подключения его нужно вставить в самое начало файла .htaccess и обновить кеш в админке.

Похожие материалы

указанным способом мы лишь даём рекомендации браузеру о том, что как бы желательно кешировать определённые файлы на определённое время. Браузер может выполнить их, а может и нет, это его дело. Конечно же он закеширует то, что считает нужным и без каких либо настроек (если не указанно обратное конечно же)

жирный_кот 8 ноября 2014 13:27

#4310

Поставил данный код, но кэш в браузере не работает.

http://сайт.ру/engine/skins/default.js (не указан срок действия)
http://сайт.ру/templates/temp/dleimages/noavatar.png (не указан срок действия)
http://сайт.ру/templates/huts/dleimages/orating.png (не указан срок действия)
http://сайт.ру/templates/temp/images/ablink.png (не указан срок действия)
http://сайт.ру/templates/temp/images/abottom.png (не указан срок действия)
http://сайт.ру/templates/temp/images/apd_down.png (не указан срок действия)

Сервер апач.

ПафНутиЙ 8 ноября 2014 15:05

#4311

а соответствующие модули в апаче включены?

жирный_кот 8 ноября 2014 16:18

#4312

Точно были выключены, сейчас все работает. smile

жирный_кот 14 ноября 2014 18:12

#4322

Не по теме.

А такой код от досс атак если его вставить в .htaccess будет работать?

<IfModule mod_evasive20.c>
DOSHashTableSize 4096
DOSPageCount 5
DOSSiteCount 50
DOSPageInterval 1
DOSSiteInterval 1
DOSBlockingPeriod 10
</IfModule>

ПафНутиЙ 14 ноября 2014 21:16

#4323

думаю этот вопрос нужно задавать хостеру. Я не смогу ответить.

Abdula 20 ноября 2014 23:37

#4336

Тоже самое и у меня!
Код поставил, но кеш не работает.
Павел подскажите пожалуйста, какие ещё внести правки, чтобы решить этот вопрос окончательно.
Спасибо!

Abdula 20 ноября 2014 23:40

#4337

Пожалуйста напишите, какие модули нужно включить?

жирный_кот 29 ноября 2014 03:20

#4370

Для ubuntu через терминал вкл.

a2enmod headers
a2enmod expires

Перезапустить апач.

ПафНутиЙ 30 ноября 2014 00:22

#4372

если используется nginx - настройки апача тут не помогут, нужно настраивать nginx

Obraz 10 января 2015 19:45

#4454

Здравствуйте ПафНутиЙ.

Сделал все как в статье, но не получилось. Возможно, что это из-за хостинга http://2domains.ru/reghost.php тариф Host-1 ?

ПафНутиЙ 10 января 2015 19:49

#4456

Что конкретно не получилось?

Obraz 10 января 2015 20:00

#4457

Я вставил в .htaccess код "<IfModule mod_expires.c>....", developers.google.com все равно показывает "Используйте кеш браузера".

ПафНутиЙ 10 января 2015 20:49

#4459

Значит у вас статику отдаёт nginx.
Настройте конфиг nginx по аналогии.

sneiks 14 января 2015 02:21

#4491

Скажите пожалуйста есть ли смысл вот такова хака:???

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

Теперь нам нужно ускорить загрузку сайта. Ни для кого не секрет, что Google ранжирует сайты с быстрой загрузкой выше других, при прочих равных факторах это будет вашей палочкой-выручалочкой, так как многие DLE сайты долго грузятся, да еще и увешаны рекламой. Для этого вам необходимо открыть файл «/engine/clasess/templates.class.php» и найти строку:

function load_template($tpl_name) {

и после нее вставить:

if( $this->CacheTemplate[ $tpl_name ] )
{
$this->copy_template = $this->CacheTemplate[ $tpl_name ];
return true;
}

Затем найти строку:

$this->copy_template = $this->template;

и после нее вставьте:

$this->CacheTemplate[ $tpl_name ] = $this->template;

ПафНутиЙ 14 января 2015 02:37

#4492

Не уверен, что это даст ускорение сайту. Лучше картинки оптимизировать.

sneiks 14 января 2015 02:38

#4493

Так же не могли бы дать пару советов как ускорить сайт. делал по вашим статьям...

https://developers.google.com/speed/pagespeed/insights/?url=www.xoxma.lv&tab=desktop

ПафНутиЙ 14 января 2015 22:23

#4496

первые два пункта надо выполнить (картинки и сжатие) обязательно. А вот средства выполнения - не подскажу, нужно смотреть сайт, то признаться желания совершенно нет.

Obraz 3 марта 2015 14:44

#4677

Здравствуйте ПафНутиЙ.
Спасибо за статью, получилось ускорить сайт до 94 пунктов.

Вопрос:

1 сайт: Гугл пишет "Используйте кеш браузера" для следующего

"src="/engine/classes/min/index.php?f=/templates/Default/js/libs.js,/engine/ajax/board/board.js&amp;7">" и "href="/engine/classes/min/index.php?f=/templates/Default/style/styles.css,/templates/Default/style/engine.css&amp;7" />" и "<script type="text/javascript" src="/engine/classes/min/index.php?charset=utf-8&amp;g=general&amp;14"></script>"

2 сайт:

<script type="text/javascript" src="/engine/classes/min/index.php?charset=windows-1251&amp;g=general&amp;7"></script>

Вроде я сжал JS и вставил в самое начало файла .htaccess

Подскажите почему?

ПафНутиЙ 8 марта 2015 22:17

#4679

адрес сайта?

zharar 7 июня 2015 17:02

#4842

ПафНутиЙ,коды в каком месте поставить?

ПафНутиЙ 7 июня 2015 20:44

#4843

в начале .htaccess

rustamcom 23 июля 2015 08:24

#4978

Помогите с такое ситуации в developers.google.com есть пункт которые хочу исправить
https://mc.yandex.ru/metrika/watch.js (60 минут)
как это сделать

ПафНутиЙ 2 августа 2015 08:00

#4982

Попробуйте написать в техподдержку яндекс.метрики

Weboster 19 сентября 2015 19:54

#5127

У меня связка nginx + apache Работает все без проблем.
Nginx работает как обратный прокся

Apelisin 27 ноября 2015 20:56

#5269

Показатели в Google повысились с 69 на 79. Работает отлично, спасибо!

anfalin 29 февраля 2016 20:40

#5430

Для Nginx тоже есть решение
вставить в конфиг Nginx после строк
location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|swf)$ {

это

expires 06M;

06M означает кэш будет хранится 6 месяцев
это конфиг можно отредактировать через панель ISP даже

Abdula 9 июня 2016 18:34

#5536

Павел, подскажите пожалуйста, как решить вопрос с переносом файла стилей css?
Дело в том, что после переноса файла стилей вниз страницы, при загрузке страницы сайта грузится голый html, и где-то через 1-2 секунды уже подгружаются стили.
Можно ли каким-то образом положительно решить данный вопрос, чтобы, и файл стилей был внизу main.tpl и не было задержки загрузки стилей?

Буду благодарен за помощь!

ПафНутиЙ 9 июня 2016 20:57

#5537

файлы стилей вообще не стоит переносить вниз.

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

Комментировать могут только зарегистрированные пользователи

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Увеличение скорости загрузки сайта на DLE (часть 2)

Похожие материалы

Комментарии

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