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

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

Прошло уже больше 3,5 лет с момента официального запуска информационного ресурса webo.in. Утекло не просто много воды, а очень много. Отрасль сильно шагнула вперед, мы опубликовали две книги по собственным и переведенным материалам, проверили больше миллиона веб-ресурсов, основали и успешно растим компанию — единственную в России, кто профессионально занимается ускорением сайтов — WEBO Software. Но топик не об этом, он — о новом поколении отчетов по скорости сайтов.

Ресурс webo.in устарел уже года полтора назад, когда появился Google Page Speed, был осуществлен его перевод на русский и стало понятно, что аналитическая проверка (поверх реальных данных) будет значительно точнее синтетической (на основе вычислений реальных данных, их моделирования). Поэтому мы решили «закрыть» webo.in.

Вместе с ростом мобильного интернета растёт и необходимость оптимизации скорости работы мобильных сайтов. Даже самые современные смартфоны на Android, iOS, WebOS, BlackBerry OS и др. обладают процессорами с частотой не более 1Ghz, а скорости 3G можно считать достаточно медленными (скорость загрузки в 3 раза меньше DSL).

Мобильные устройства унаследовали проблемы “больших” машин: от количества http-запросов до эффективности работы JavaScript.

Особенности мобильных устройств

Кроме того, что они часто помещаются в карман и их легче потерять, существует несколько ключевых отличий мобильных устройств по отношению к десктопам:

• маленькое разрешение экрана;
• медленные соединения;
• ограниченный размер кэша;
• много различных устройств и форм-факторов;
• низкая мощность процессоров;
• широкая поддержка HTML5;
• относительно новые браузеры (в этом мире не знают о IE6).

В Google как всегда высоко поднимают планку. Они уже давно заявляют, что все сайты, время открытия которых больше 2 секунд, работают медленно. Мы решили оценить какие российские порталы взяли эту высоту.

В исследовании были рассмотрены сайты 3 сфер: банки (ТОП 50 по активам), страховые (ТОП 50 по активам) и интернет-магазины большой телекомовской тройки и крупных цифровых ритейлеров (всего 9 сайтов). Для всех этих компаний очень важно повышать лояльность пользователей к сайту, большой вклад в которую вносит снижение времени открытия страниц.

К примеру Amazon.com (оборот за 2010 г. – $34,2 млрд, +40% за год) заявлял, что увеличение времени открытия сайта пользователем всего на 0,1 секунды приводит к потере 1% объема продаж [ссылка]. А исследование Akamai и Phocuswright показало, что 43% людей не готовы ждать открытие сайта больше 4 секунд.

	Web Optimizer (WEBO Site SpeedUp)
	Web Application Optimizer
	Aptimize
	PHP Speedy
	Smart Optimizer
	Minify
	Другая система
	Не использую, всё делаю сам
	Мой код оптимизирует НЛО

Проголосовало 399 человек. Воздержался 151 человек.

При знакомстве с фреймворком, я первым делом смотрю не на его возможности, а на готовые решение, которые он предоставляет. В частности возможность удобно собирать JS/CSS файлы по частям и «отдавать» согласно рекомендациям по клиентской оптимизации (YSlow/Google PageSpeed). Ни в одном из просмотренных мной, нужной мне реализации я не увидел, даже в Django (которым, собственно, и был вдохновлен), поэтому решил сделать свое решение в виде готового к применению модуля для Kohana v.3.

Итак, опишем основные потребности/хотелки, которые ставились перед разработкой модуля:
1) Сборка inline CSS/JS по кусочкам
2) Возможность отдавать п.1 путем вставки в код страницы либо сгенерировав и записав на диск файл, с уникальным именем.
3) Возможность сборки внешних файлов CSS/JS в один билд
4) Возможность указывать условие, при котором подключается тот или иной билд из пункта 3, а также любой другой внешний файл (

<!--[if IE 7]>

).
5) Возможность вынести статику на другой домен, главное чтобы он был на этом же физическом сервере.
6) Использование CDN
7) Минимизация CSS/JS.
8) Самое важное: СПОСОБ, позволяющий включать статику (а эо обычно не только CSS/JS, но и, например. картинки) в распространяемые модули. Так как текущий способ, когда в modules/ переносится и подключается сам функционал модуля, а статика либо копируется в произвольное место DOCUMENT_ROOT, либо обязательное условие – чтобы modules находилась в DOCUMENT_ROOT.
9) Возможность легко менять URL со статикой, чтобы он никак не конфликтовал с роутингом, например будет не хорошо, если вы захотите иметь раздел про CSS по урл ”/css/” когда до этого вы сделали это реально существующей директорией с файлами стилей.

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

С выходом новой версии WEBO Site SpeedUp (приложения для автоматического ускорения сайтов) — 1.3.0 — мы смогли, наконец, с уверенностью сказать: оно здесь. В смысле: идея автоматического ускорения сайтов реализована.

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

Команда разработчиков ASP.NET готова представить новый набор инструментов с открытым исходным кодом под названием Sprite and Image Optimization Framework.

Sprite and Image Optimization Framework – это фреймворк, который содержит набор инструментов клиентской оптимизации для веб-сайтов, позволяющий сократить время доступа к страницам для пользователей. Для этого фреймворк предлагает использовать механизмы оптимизации загрузки изображений: посредством спрайтов и кодирования на основе data:uri.

Разработчикам ASP.NET предлагается использовать элемент управления для WebForms-проектов и специальный вспомогательный класс для ASP.NET MVC-проектов. Вместе с ними поставляется HTTP Module, который выполняет всю работу по оптимизации изображений и передачи их клиенту.

Загрузить Sprite and Image Optimization Framework можно по этой ссылке с сайта codeplex.com. Там можно найти исходные коды фреймворка, демонстрационные проекты, документацию.

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

Вкратце: дешевле только бесплатно. Но бесплатно можно уже сейчас.