Ответ
Как увеличить скорость сайта для лучшего UX и SEO Опции темы
Старый 09.05.2014, 23:31
  #1
Panda
 
Аватар для Panda
Регистрация: 18.02.2014
Сообщений: 21

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





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

Медленные страницы не делают ничего, для увеличения пользовательского опыта. Kiss Metrics приводит исследования, проведенные Akamai и Gomez, и которые демонстрируют то, что почти половина пользователей ожидают загрузки сайта менее чем 2; и они, как правило, отказываются от сайта, который не загрузился в течение 3 секунд.

Медленная загрузка, также, не придает оптимизма с точки зрения SEO. Еще в 2010 году представители Google заявили в официальном блоге: "мы, в том числе, вводим новый параметр в наших алгоритмах поискового рейтинга: скорость сайта". Позже это подтвердил Мэтт Каттс.

Короче говоря, большая скорость - идеальный показатель качества сайта с точки зрения UX и SEO!

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

Аналитика данных и необходимые инструменты.

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

1. Google Analytics

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





Если вы технически подкованы, то Google предоставит более детальную информацию по всему что касается времени загрузки страницы в том числе: поиск доменного имени, соединение с сервером и время ответа сервера в дополнение к фактическому времени страницы. Это поможет вам выявить тормозящие места в системе.





Google Analytics также может предложить скорость страницы, которая загружается, в докладах инструмента Page Speed Insights, о чем чуть ниже.

2. Page Speed Insights


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

Максимальный параметр Page Speed составляет 100 баллов, и Google рекомендует минимальный допустимый балл в 85 единиц, что указывает на то, что страница работает хорошо.

В дополнение к созданию технических рекомендации по странице, Page Speed Insights, также, предлагает варианты по совершенствованию above-the-fold (видимой области страницы без совершения прокрутки) по сравнению со временем полной загрузки страницы. Учитывая вездесущее мобильное использование Интернета, вышеуказанные предложения могут иметь существенное значение и значительно улучшить взаимодействие с посетителями.





3. GT Metrix

GT Metrix является абсолютной жемчужиной среди инструментов, сочетающей Google Page Speed Insights и Yahoo YSlow для оценки производительности нагрузки вашего сайта.

Этот инструмент обеспечивает четкие и действенные рекомендации в очень эффективном отчете. Попробуйте его, и вы скоро поймете какой это классный инструмент!





Улучшение показателей Page Speed.

Отложив инструменты в сторону, я хочу выделить некоторые из наиболее распространенных способов, позволяющих увеличить скорость загрузки страницы. Этот список не является исчерпывающим, но примеры могут помочь вам сделать быстрые корректировки.

1. Улучшение кэширования.

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

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

Если вы создали правильные заголовки кэша, то это позволит сократить время загрузки страницы.

2. Очистка кода.

Использование библиотеки Minify для HTML кода, CSS и JavaScript будет иметь положительное влияние на время загрузки страницы. Большой JS код, обеспечивающий интерактивность и логику, сильно притормаживает страницы. Процесс очистки может включать в себя любое из следующих действий:
  • Приведение в порядок кода, в том числе, по возможности, очистка кода от комментариев разработчиков (но сохраните эти комментарии на промежуточном сервере - могут еще пригодиться).
  • Удаление встроенных CSS и JS кодов и перевод их во внешние файлы (которые затем могут быть в кэше).
  • Использование "отложенной загрузки", где изображения загружаются только тогда, когда браузер запрашивает их при прокрутке страницы вниз.

3. Оптимизация изображений.

Наиболее очевидный способ ускорить производительность ваших страниц - оптимизация изображений. Я видел слишком много примеров контента с огромными несжатыми изображениями на странице. Если вы загружаете PNG или JPG файлы, то сжимайте их с помощью программного обеспечения для редактирования фотоматериалов. Старайтесь использовать 8-разрядные PNG вместо 24-битных; или, если вы используете JPGs, снижайте качество ваших JPG файлов для оптимизации размера. Я, как правило, снижаю до 65/100.

Более "сексуальное" что нужно сделать - это использовать CSS спрайты. Очень полезно, если у вас много изображений на одной странице (что соответствует многочисленным HTTP запросам). С CSS-спрайтами вы скачиваете "единый образ" и, используя CSS, скрываете или показываете определенную часть этого образа.

4. Используйте домены без Cookie.

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

Беда с cookie в том, что как только сервер устанавливает cookie для определенного домена, все последующие HTTP запросы для этого домена тоже должны включать cookie. Даже если сервер не используется для cookie, как это обычно бывает со статическими компонентами, cookie отправляются в любом случае, что раздувает заголовки запросов бесполезным кодом.

Например, вы могли заметить, что Google хранит статические активы, такие как изображения, на домене под названием gstatic.com, а не google.com, который в значительной мере опирается на cookie.

Так что, если вы используете большое количество мелких файлов, таких как изображения, то стоит рассмотреть вопрос о создании отдельного домена "Cookieless" и брать их с этого домена.

5. Рассмотрите вариант A CDN (сеть доставки контента).

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

При использовании CDN, вы зеркалите свой сайт локально тем самым, уменьшаете время загрузки страниц.

Это особенно полезно и важно, если у вас есть большая глобальная аудитория с доступом к одному веб-сайту. Это должно стать очевидным, глядя на статистику времени загрузки страниц по странам в том же Google Analytics.





6. Третья сторона.

Использование сегодня 3 участника на своих страницах стало чрезвычайно распространенным явлением. Они могут включать социальные виджеты Media Sharing, программное обеспечение для веб-аналитики, показ объявлений или код отслеживания конверсии, встроенные объекты (например, видео или документы), живые виджеты чатов и тому подобное.

В то время, как такие коды кажутся достаточно безобидным, когда они суммируются, то увеличивают размер вашей веб-страницы, и могут замедлить ее, так как браузер должен соединиться с несколькими серверами.

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

В то время как многие 3 стороны (например, код отслеживания аналитики) являются жизненно важными, стоит ограничить их включение.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Гипер скорость по оптоволокну в 1,4 Тбита/с Dragon Аналитика 22 24.01.2014 15:29
Mashable: 5 способов увеличить Facebook EdgeRank Ashable Статьи 5 01.06.2013 06:55

Метки
page speed, seo и ux, скорость сайта


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 18:20. Часовой пояс GMT +3.