• Записи 162
  • Теги 66
  • Комментарии 330

Компьютерное

Инструменты для оптимизации скорости загрузки сайта

Недавно узнал о нескольких полезных сервисах, которые могут помочь при оптимизации скорости загрузки сайта. Вот они:


  • CSS Sprites Generator — отличный генератор CSS-спрайтов (то есть файлов изображений, которые объединяют в себе несколько фоновых картинок для уменьшения количества обращений к Web-серверу). Поддерживает форматы GIF, JPEG, PNG, позволяет задавать отступы между спрайтами. Имеется собственная API. Единственный недостаток — нет возможности задать горизонтальное расположение картинок в спрайте вместо вертикального.

  • TinyPNG — онлайн-сервис преобразование полноцветных PNG в 8-битные с минимальной потерей качества изображений. Во многих случаях позволяет уменьшить размер файлов на 60-70%. Также доступна собственная API.

  • WebPageTest — измерение скорости загрузки Web-страницы с построением графиков загрузки файлов, измерением времени первой отрисовки, события DomContentReady, полной загрузки. Есть возможность измерения для различных броузеров и различных местоположений.


В частности, эти инструменты пригодились при оптимизации сайта Островные павильоны.

5 комментариев:

Нет
Max
0

optimin.ru заменяет 2 и 3

4X_Pro
0

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

Нет
Piston
0

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

Нет
Anton
0

Если сайт грузится медленно, и всё оптимизировано. Необходимо обратить внимание на механизмы кэширования. К примеру на серьезных движках - это реализовано на должном уровне. А на самописных придется повозиться.

4X_Pro
0

На самом деле ничего особо сложного нет, в том же xCache все сводится к вызовам трех функций — поместить в кеш, извлечь из кеша, удалить из кеша. Просто нужно как следует продумать, что и как кешировать и пройтись по коду, чтобы расставить соответствующие вызовы. Я для своего форумного движка IntB (http://intbpro.ru) делал такое.

Написать комментарий


Задать вопрос