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

0
  • Добавил: neoplanet
  • Дата: 25-10-2012, 21:51
  • Комментариев: 0
  • Просмотров: 3355
Увеличение скорости загрузки сайта на DLE (часть 1)


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

Проверили? Медленный? Тогда эта статья для Вас.

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

Шаг номер 1: Размещение скриптов на странице

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

Первое, что можно сделать, это положить все подключаемые скрипты в конец страницы, а именно перед тегом , в DLE такого нет, исправим это, путём внесения изменений в index.php, что ж начинаем:

Для DLE до версии 9.6

Находим:

$tpl->set ( '{headers}', $metatags."\n".build_js($js_array, $config) );


меняем на:

$tpl->set ( '{headers}', build_js($js_array, $config) );
$tpl->set ( '{metatags}', $metatags );


Для DLE 9.6 (и скорее всего более поздних версий)

находим:
$tpl->set ( '{headers}', $metatags."\n".$js_array );


меняем на:
$tpl->set ( '{headers}', $js_array );
$tpl->set ( '{metatags}', $metatags );


После данных изменений, мы разделили метатеги и скрипты.

Далее: открываем main.tpl

Находим {headers} и заменяем на {metatags}
Находим и удаляем {AJAX}
Перед
</body>
вставляем:

{headers}
{AJAX}


Важно! Вставлять данные теги необходимо до вызова всяких счётчиков, типо ВК, Ли. Также, нужно перенести ниже этих тегов все скрипты, подключаемые к шаблону, иначе смысл оптимизации теряется.

Шаг номер 2 - Gzip-сжатие скриптов и стилей

Теперь самое интересное и, немало важно, простое. Нам необходимо включить gzip сжатие для JS и CSS, лежащих в шаблоне. Для включения сжатия, нужно зайти в админку и включить сжатие JS файлов.

Далее, к примеру у Вас есть 2 стиля, подключаемых к шаблону, выглядит это примерно таким образом:

<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />


Заменяем это на следующее:

<link rel="stylesheet" href="/engine/classes/min/index.php?charset=windows-1251&amp;f={THEME}/style/styles.css,{THEME}/style/engine.css&amp;7" />


Где:
charset=windows-1251& - указание на кодировку файла (можно удалить если нет русских символов в файле или сайт на utf-8)
&7 - количество дней, на которое кешируется файл.

Если же Вы решили проделать шаг номер 1, то изменения описанные выше, нужно произвести со скриптами, в конце main.tpl. Делается это аналогично:

<script type="text/javascript" src="{THEME}/js/libs.js"></script>
<script type="text/javascript" src="{THEME}/js/somesctipt.js"></script>


Получаем:

<script type="text/javascript" src="/engine/classes/min/index.php?charset=windows-1251&amp;f={THEME}/js/libs.js,{THEME}/js/somesctipt.js&amp;7"></script>


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

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

Теперь проверяем сайт в гугле и радуемся прибавлению баллов... В следующей статье будут описаны инструкции по ускорению страниц, с помощью браузера и других методов.

Комментарии пользователей

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