Инструменты

Инструменты для вебмастеров

Замеряем время загрузки сайта

Немаловажным в оптимизации сайта является время его загрузки. По одной из статистик пользователь сможет ожидать загрузки около 30 секунд, после чего он просто закрывает «тяжелую» страницу. Чтобы сделать свой сайт быстрее не нужно быть гением, достаточно просто проанализировать какие из ресурсов тормозят загрузку. Я предлагаю пользоваться отличным сервисом http://tools.pingdom.com. Полезен он тем, что не только позволяет посмотреть время загрузки сайта, но и точно покажет какой ресурс вашего сайта загружался дольше.
tools_pingdom_com
Если вы серьезно заинтересованы в хорошей внутренней оптимизации, то этот сервис будет вам просто необходим!

PHPStorm: Полезные мелочи

Синхронное редактирование HTML тегов
Для ускорения правки одинаковых HTML тегов можно настроить синхронную правку. Для этого нужно в настройках включить параметр: Preferences | Editor | General | Smart keys – Simultaneous editing.
html-tag-editing

Оптимизация CSS

css
CSS Drive CSS Compressor
CSS компрессор с опциями компрессии «Слабая», «Нормальная» и «Сверхкомпактная». Так же на данном сайте имеется очень большой полезный функционал по работе с CSS, созданием шаблонов и готовые примеры.

Robson CSS Compressor
Еще один хороший инструмент для компрессии CSS файлов — Robson CSS Compressor. Пока он в стадии разработки, и возможны неточности в его работе.

Валидаторы микроразметки

Валидатор микроразметки позволяет проверить семантическую разметку*, внедренную на вашем сайте, и убедиться в том, что роботы поисковых систем cмогут извлечь структурированные данные.
Яндекс — https://webmaster.yandex.ru/microtest.xml
Google — https://developers.google.com/structured-data/testing-tool/

Быстро собрать блок с разметкой по основным (Person — Персона, Product — Товар/Услуга, Event — Событие, Organization — Организация, Movie — Фильм, Book — Книга, Review — Обзор) направлениям.
http://schema-creator.org/product.php

* Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

Инструмент для вебмастеров PageSpeed Insights

Page Speed Insights измеряет скорость загрузки веб-страниц. URL проверяется дважды – с помощью обычного и мобильного агента пользователя.

Оценка Page Speed Insights может составлять от 0 до 100 баллов. Чем больше оценка – тем лучше. Если страница набрала более 85 баллов, значит она загружается быстро. Обратите внимание, что Page Speed Insights постоянно развивается, поэтому по мере добавления новых правил или усовершенствования аналитических алгоритмов оценка иногда меняется.

Page Speed Insights определяет, как можно улучшить следующие показатели:

  • время загрузки верхней части страницы: общее время с момента запроса страницы до момента отображения ее верхней части в браузере.
  • время полной загрузки страницы: общее время с момента запроса страницы до ее полного отображения в браузере.

Так как скорость подключения у разных пользователей различна, Page Speed Insights рассматривает только независимые от сети аспекты работы страницы: конфигурация сервера, структура HTML, использование внешних ресурсов (изображений, JavaScript и CSS). Применив наши рекомендации, вы сможете оптимизировать относительную скорость загрузки страницы. Абсолютная же скорость загрузки в конечном итоге все равно зависит от скорости подключения к сети.
PageSpeed_Insights