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

На сегодняшний день, одни из важнейших параметров сайта является его скорость загрузки. К примеру пользователь в поисковой выдаче Яндекса тыкнул на ваш сайт, и ждет, а он все не грузится и не грузится. Он плюет на это дело и переходит к проссмотру других, и навсегда забывает вход на ваш, каким ни был супер интересным и полезным ваш ресурс. Обидно даа... И таких пользователей (к примеру с плохим интернетом) может быть очень много.

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

И вот основные факторы замедленной загрузки сайта:

1. Очень большие картинки на сайте.
2. Очень высокое разрешение картинок, в том числе и фоновых.
3. Загружается более 1 файла CSS. Рекомендуется объединить все файлы в один внешний или даже включить его в итоговый HTML. Это позволит сократить количество запросов к серверу.
4. Очень большие JS файлы. Тяжелые скрипты на сайте.
5. Не включено кеширование для статических файлов.

Что бы определить "что у вас не так" на сайте, достаточно вбить имя вашего домена в с пециальную форму наверху сайта webo.in

Далее на сайте внизу будет дан список рекомендованных изменений на сайте.

Переходим на следующую вкладку, где мы видим полный график всех загруженных файлов и их время на сайте.

Из этого графика мы видим что большую часть времени отводится на выполнение скрипта из файла mootools.js и на загрузку картинок bullet1,2,3.png

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

И так, что бы изменить качество картинки, скачиваем ее с хостинга (путь указан на графике) и лежит он в папке <папка шаблона/images/status-info.png>. Копируем файл к себе на компьютер и открываем любым фотошопом. И нажимает "сохранить для Web и устройств", и перекидываем ее обратно на хостинг, незабывая переименовать обратно формат картинки (в нашем случае обратно в .png). И так проделываем это с каждым файлом который хотим уменьшить в весе. В моем случает файл status-info с 54 кб уменьшился до 1кб :)

Вот таким легким образом можно существенно увеличить скорость загрузки страницы.