Скорость загрузки сайта - ОПТИМИЗИРУЕМ

Это очередная статья напоминалка для меня самого.

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

Сайт http://tools.pingdom.com/fpt/ предоставляет отличный функционал для сканирования сайта на скорость загрузки.

Система показывает сколько было запросов на сервер (это число нужно как можно сильнее сокращать).

test01

Можно узнать время загрузки страницы (с точностью до миллисекунд):

test01

И, что немаловажно - размер страницы (это число тоже нужно стараться уменьшать):

Ниже показан подробный отчет о загрузке элементов страницы. Каждый элемент разбит на 6 частей:

  • Веб-браузер смотрит DNS информации
  • SSL веб-браузер выполняет SSL соединение
  • Подключение веб-браузер к серверу
  • Веб-браузер посылает данные на сервер
  • Веб-браузер ждет данные с сервера
  • Веб-браузер получает данные с сервера

Каждый из блоков разбит по цветам:

В результате получаем отчет о загрузке страницы:

На данном ресурсе имеется ещё много полезных примочек, начиная от проверки "жизни" DNS и заканчивая постоянным контролем за работоспособностью сайта.

По поводу оптимизации картинок, стоит отметить - изображения нужно сохранять в Photoshop-е через меню: Файл -> Сохранить для Web и Устройств... 

Если нужно оптимизировать (сделать легче) скрипт, тут вам поможет Notepad++. У него есть пункт: Правка -> Blank Operations -> Remove Unnecessary Blank and EOL. Этот пункт удаляет все переносы на новую строчку и лишние пробелы (двойные и более). Файл становится в несколько раз легче и грузится намного быстрее.

 
Яндекс.Метрика