Поисковая оптимизация
Автор: 
Оптимизация сайта – это большой комплекс работ. Однако в первую очередь нужно посмотреть с каким сайтом мы работаем, т.к. качество сайта (юзабилити, структура, скорость загрузки) влияет на продвижение в не меньшей степени, чем другие факторы. Уже давно не секрет, что быстро загружаемая страница увеличивает конверсию в несколько раз, т.к. пользователи не хотят ждать и просто уходят с сайта, если страница не загрузилась в ближайшие несколько секунд. Это в свою очередь влияет на поведенческий фактор, а как следствие и на позиции. Как видим, все взаимосвязано в этом бренном мире =). Но не будем о грустном. Разберемся, что же с этим делать?
Что влияет на загрузку страницы?
Основное время загрузки страницы сайта тратится на различные HTTP-запросы картинок, JS-скриптов и CSS-файлы. 80% времени загрузки тратится фронтэндом! Поэтому в первую очередь мы и стараемся оптимизировать CSS, JavaScript, картинки, Flash. Tenni Theurer очень правильно подметил: «40-60% посетителей приходят на сайт с пустым кешем»! Не забывайте об этом!
Технология AJAX может помочь решить эту проблему, однако лучше «убить» проблему на корню, чем плясать с бубном после и ломать голову.
Итак, получаем основные задачи клиентской оптимизации:
- Оптимизация размеров файлов
- Оптимизация задержек при загрузке
- Оптимизация взаимодействия с пользователем
Основные способы решения задач
Основа оптимизации загрузки страницы – это уменьшение количества запросов или данных. Все это можно разделить на следующие области:
- Сжатие – уменьшение размера HTML, CSS, JS-файлов, так называемое
- Кэширование
- Слияние – уменьшение данных и запросов с помощью объединения файлов
- CDN – сети доставки содержания. Они используются в основном для уменьшения загрузки хостинга.
Несколько советов по ускорению загрузки страницы
Для больших сайтов, которые имеют большой трафик, не мало важным является каждый килобайт, затраченный пользователем. Поэтому методы сжатия будут актуальными. Итак, мы можем воспользоваться архивированием HTML (gzip-, deflate-сжатие), а для сжатия CSS-файлов, кроме gzip архивирования, можем воспользоваться такими инструментами как CSSMin, Minify (можно использовать и для сжатия JS-файлов), CSSMinifier или проект с открытым кодом CSSTidy (имеет много настроек, переведен на несколько языков, используется на нескольких ресурсах, к примеру, www.codebeautifier.com).
Для минимизации JS можно использовать утилиты JSMin или YUI Compressor.
Для увеличения скорости все таблицы стилей и скрипты хранить в отдельных файлах, а подключать их следующим образом: CSS в HEAD страницы, а JS в конец, т.к. помещенный CSS файл в конец страницы и JS в начало будет тормозить отрисовку страницы у пользователя.
Также старайтесь избегать CSS-выражений (expressions), т.к. такие выражения вычисляются даже когда пользователь водит мышкой по странице, что в свою очередь может вызвать вычисления более 1000 раз.
Как бы не звучало это банально, но уберите повторения одно и того же скрипта на страницу. И используйте CDN для ваших картинок, видео, ауди-файлов, если у вас их большое количество.
AJAX стал спасательным кругом для клиентской оптимизации. Данная технология дает моментальный отклик на любое действие пользователя на сайте, поэтому с его помощью мы можем уменьшить время ожидания при загрузке данных. Однако, для улучшения быстродействия, немаловажным является оптимизация результатов AJAX-запроса – они должны быть кэшируемыми.
Аналитические инструменты
Сегодня уже придумали довольно много инструментов, я приведу только только часть из них: Firebug для Firefox отслеживает все пакеты, которые передает или запрашивает Firefox, позволяя тем самым построить вполне точную диаграмму загрузки страницы. Также Вы можете редактировать, выполнять отладку и просматривать CSS, HTML и JavaScript В режиме реального времени на любой странице сайта online можно редактировать, выполнять отладку и просматривать таблицы стилей, JS-скрипты HTML – код.
Yslow для Firebug
Этот плагин является дополнением к Firebug и на данный момент он, пожалуй, является более адекватным для анализа скорости загрузки страницы.
Webo.in
Этот единственный русскоязычный сервис, который полностью посвящен клиентской оптимизации. На сайте можно бесплатно получить небольшие рекомендации по всем пунктам оптимизации скорости загрузки сайта, а также заказать платно услугу оптимизации «под ключ». Ресурс довольно сильный и стоящий, поэтому советую внимательно обратить на него внимание.
Автор поста – Виктория Коломиец, SEO-специалист Abiatec.
Посты в тему:
|
Добавляйтесь к нам в соцсетях! 
|
