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

18.10.2017 08:24:15 am

Последнее время меня тревожить вопрос как ускорить загрузку сайта на компьютер пользователей.

Для проверке скорости своего сайта и получения советов, можно использовать сервис: https://developers.g ... speed/insights/. Еще один сервис, который расскажет о скорости загрузки сайта: https://tools.pingdom.com/. И еще один: http://sitespeed.me/. Ну, и еще: http://www.monitis.com/pageload/. Если вам мало, то вот еще один: https://varvy.com/pagespeed/.

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

На этом сайте я перенес JavaScript с верхней части страницы в низ и оценка страниц поднялась на несколько процентов (PageSpeed Insights).

После загрузки страницы движка phpFox 3, ширина блока с основным контентом может измениться, в зависимости от существования боковых блоков (дополнительных). Google посоветовал избавиться от таких изменений, на многих страница мне удалось это сделать. На этих страница оценка выросла еще немного.

Думаю, что сделать еще.

Жалоба

19.10.2017 08:24:29 am

Мой движок уже с "завода" сжимает .css файлы, но PageSpeed Insights говорит, что сжать можно еще. Я скачал файл, который мне предложил PageSpeed Insights и сравнил разницу с тем, как сжимает Google и мой движок. Оказалось, что Google удаляет пробелы (незначительные) и все комментарии. Я добавил пару строк к своему сжатию:

$compressed = preg_replace('|/\*.*?\*/|', '', $compressed);     // Удаление комментариев
$compressed = preg_replace('|([,:;){}]) |', '$1', $compressed); // Удаление пробелов после символов ,:;){}
$compressed = preg_replace('| ([{])|', '$1', $compressed);      // Удаление пробела перед символом {

После этого, PageSpeed Insights добавил мне еще пару балов.

Более подробно о программном сжатии: Компрессор CSS кода (Сжатие файлов на PHP).

Жалоба

20.10.2017 08:32:19 am

Изменил уровень сжатия в функциях gzencode и gzcompress на тройку:

$gzipContent = gzencode($content, 3, FORCE_GZIP);
$gzipContent .= substr(gzcompress($content, 3), 2, -4);

В моем движке две функции для сжатия (работает только одна), на случай если какой то из этих двух не окажется одной.

Google рекомендует кешировать файла рекламных блоков AdSense:

Используйте кеш браузера для следующих ресурсов:
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js (60 минут)
https://www.google-analytics.com/analytics.js (2 часа)

Но кешировать сторонние файлы нельзя. Были идея скачать их на свой сервер, но тут придется изменять код рекламы, а правила AdSense делать этого запрещают.

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

Жалоба

20.10.2017 12:34:19 pm

Решил вообще отказаться от сжатия при помощи PHP, делаю это при помощи файла .htaccess:

# Modify Headers
<IfModule mod_expires.c>
	ExpiresActive On

	# Cache files
	<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf|mp3|mp4)$">
		Header set Cache-Control "public"
		ExpiresDefault "access plus 2 months"
	</FilesMatch>

	# Cache JavaScript & CSS
	<FilesMatch "\.(js|css)$">
		Header set Cache-Control "public"
		ExpiresDefault "access plus 2 months"
	</FilesMatch>
</IfModule>

# Compress JavaScript & CSS
<IfModule mod_deflate.c>
	<FilesMatch "\.(js|css|php)$">
		SetOutputFilter DEFLATE
	</FilesMatch>
</IfModule>

В моем движке это прописано с "завода". Решил оставить только это, а весь остальной код, что сжимает вырезать.

Жалоба

25.10.2017 02:12:46 am

Уменьшить время потраченное на загрузку страницы, еще можно путем снижение веса у картинок, что находятся на загружаемой странице. Я как то написал сценарий, который оптимизирует картинки, но работает только с форматом JPG. Код сценария находится в теме: Оптимизация картинок сайта на PHP (Сжатие). Возможно, со временем, расширю список форматов.

Кстати, PageSpeed Insights проверяет сразу и насколько сайт оптимизирован под мобильные устройства. Если у вас еще нет мобильной версии сайта, то будет большим плюсом, ее сделать. Проверять мобильную версию, можно еще тут: https://search.google.com/test/mobile-friendly.

Жалоба

25.06.2018 08:37:13 am

Ещё, выбрав правильный формат для своих картинок, можно значительно уменьшить вес самих картинок. Тема: Самый лёгкий формат картинки для загрузки сайта поможет определиться с форматом.

Жалоба