Петербургская 420000 Россия, Казань +79600398864
bpics 2357

Как увеличить скорость загрузки сайта по Google PageSpeed и не только

SEO оптимизация скорости загрузки сайта

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

Улитка, черепаха, «тормоз» … Это невинные слова, которые пользователи могут сказать о медленном сайте — и эти слова никто не хотел бы услышать. Воспитанные пользователи могут ничего не сказать, но все равно пойдут с Вашего сайта к конкурентам.

Неудобный для пользователей, не достоин выдачи выше, чем на сотую странице … Эти сложные эпитеты принадлежат «искусственному интеллекту» — то есть, вот что Google думает о сайте с плохой скоростью.

Не очень приятно представлять, что все это может касаться вашего сайта? Давайте проверим, что показывает ваш «спидометр»: ваш сайт готов к гонкам за успех или только к соревнованиям среди черепах? В любом случае, сохраняйте спокойствие. Все можно исправить! Есть много инструментов для тестирования и оптимизации скорости сайта, которые позволят вам исследовать, определить проблемные места и исправить, чтобы ваш сайт «летал»! Итак, запускаем двигатели!

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

1. Google Page Speed Insights

https://developers.google.com/speed/pagespeed/insights/

Можете не верить, но Google — вовсе не бездушная машина. Он может быть строгим в своих «предпочтениях» по поисковой выдачи, но предлагает инструменты для улучшения производительности сайта (которая считается одним из важных факторов поисковой оптимизации). Google Page Speed Insights сканирует ваш сайт, сообщает вам время его загрузки, находит слабые места, тормозящие его работу, и предлагает возможности для решения этих проблем. Менее чем через минуту вы получаете полезные советы, как повысить скорость сайта. Эти советы классифицированы по важности.

Еще один сервис, работающий по технологии Google pagespeed Insights

https://testmysite.withgoogle.com/intl/ru-ru/

2. YAHOO’S YSLOW

http://yslow.org/

Yahoooo! Поехали! Ваш сайт может работать быстрее, если вы воспользуетесь советами еще одного поискового гиганта. YAHOO’S YSLOW оценивает продуктивность и стремительность загрузки собственного сайта на основе перечня критериев Yahoo, влияют на то, насколько медленным или быстрым сайт является для посетителей. Этот простой в использовании инструмент выставляет оценки на основе этих критериев и дает советы по улучшению. Чтобы у вас была лучшая картина, информация предоставляется в виде графиков и диаграмм, а также классифицируется по важности.

3. Page Scoring

http://www.pagescoring.com/website-speed-test/

Избавьтесь вещей, которые замедляют ваш сайт! Вот один из самых простых онлайн-инструментов для определения скорости сайта — Page Scoring. Он сканирует ваш сайт и сообщает вам, как быстро он загружается со всеми HTML, CSS и Js-файлами, связанные с запросом пользователя. Он также дает вам ссылки на эти файлы и показывает в точности, сколько времени «выдается» на загрузку конкретных файлов и контента. Это дает вам прекрасную возможность узнать в общем о возможности производительности вашего сайта — от времени ответа веб-сервера в список файлов элементов страниц, «воруют» скорость загрузки.

4. Pingdom

https://tools.pingdom.com/

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

5. GTmetrix

https://gtmetrix.com/

GTmetrix предлагает удобную систему оценок. Кроме оценок PageSpeed и YSlow, этот онлайн-сервис также дает подробные оценки по каждому пункту по производительности сайта. Собирая необходимые данные по запросу сервера, он выдает рекомендации по решению проблем и повышения скорости вместе с URL-ами, что очень удобно. В нем также есть возможность записывать видео с результатами тестирования и сохранять историю предыдущих проверок.

6. Web Page Test

https://www.webpagetest.org/

Если вы используете Web Page Test, много важных деталей относительно загрузки каждого элемента вашего сайта могут быть представлены в каскадных диаграммах и с удобными скриншотами. Вы получите оценки производительности сайта и список рекомендации по оптимизации в порядке важности. Одна из классных особенностей Web Page Test — то, что вы можете выбрать страны, по которым вы хотите провести проверку производительности сайта.

7. Monitis

http://www.monitis.com/pageload/

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

8. PR-CY.ru

http://pr-cy.ru/speed_test/

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

Надеюсь, эти инструменты будут полезны для вашего сайта.

Как увеличить скорость загрузки сайта?

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

Определение причины медленной загрузки сайта – первый шаг решения проблемы

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

Для оценки скорости сайта и получения рекомендаций по ее увеличению лучше всего использовать дополнения для Фаерфокса или Хрома Page Speed. Также для этой цели можно использовать онлайн-сервисы оптимизации скорости описанные выше.

Методы ускорения загрузки сайта

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

Один из них – это оптимизация модулей и компонентов сайта.

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

Объединить CSS и JS

Еще один эффективный способ – объединить внешние файлы CSS или скрипты JS. Благодаря этому уменьшается общее число загружаемых объектов и количество запросов к серверу. Еще эти же файлы можно сжать с помощью Gzip.

Ускорение сайта методом оптимизации изображений

Большой размер изображений может увеличивать общий объем сайта и негативно влиять на скорость загрузки. Оптимизация изображений – довольно сложная задача, и есть много способов решения. Например, изменение форматов файлов, применение разных инструментов для оптимизации изображений, а также оптимизация кода и стилей.

Вот один из инструментов, который поможет вам оптимизировать изображения:

Сервис оптимизации изображений — с помощью данного сервиса можно быстро уменьшить размер, не потеряв качества

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

Лично я оптимизировал сайт seovedenie.ru с помощью сервиса Google Page Speed Insights. После некоторых манипуляций я достиг заветных 100 баллов из 100 возможных. В результате оптимизации скорость сайта увеличилась на порядок во всех сервисах описанных выше.

Набирайте скорость, держитесь крепче … и хорошего полета!


Вам будет интересно:

Обновлено: 2017-05-09 — 23:20
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (20, среднее: 4,95 из 5)

Поделиться

8 комментариев

Добавить комментарий
  1. Максад Исаев

    Хорошая статья! Но не хватает конкретики, то есть именно что делать, для оптимизации. Так как для новичков это темный лес.

    Ответить
    1. Конкретно на данном блоге сделал:
      1 Перенес js в футер
      2 Отложил загрузку скриптов метрики и аналитики
      3 Сократил CSS и JS, объединил для эффективности
      4 Вынес CSS из отдельного файла в head сайта (посмотрите код)
      5 Включил кэш в браузере и на хостинге
      6 Объединил иконки в спрайты (уменьшает количество запросов к серверу)

      Вроде всё, хочу написать об этом пошаговую статью. Думаю новичкам будет интересно.
      У меня ушло 2 дня на предварительную (скрипт открытия меню в мобильной версии не работал) и неделю на окончательную оптимизацию seovedenie.ru в Google PageSpeed до 100 (до нормального отображения и без ошибок работы скриптов)

      Ответить
      1. Спасибо за труд, Александр!
        По каждому пункту очень интересно узнать нюансы: как именно всё реализовывали, с помощью каких плагинов или других инструментов?

  2. Вот это здорово!) Я совсем не сайтостроитель, скорее любитель, сделала всего два маленьких сайтика на Джумле. Если первый был так себе, то со вторым жуткие проблемы. Нашла все эти «измерители скорости» и мечтаю, чтоб получилось на каких 60-70 из 100 выйти))
    Инструкция была бы очень, очень полезной для таких как я)
    Автор, а вы большой молодец. Только на днях читала, что показатель 100/100 недостижимая задача.

    Ответить
    1. Спасибо!
      Очень рад, что оценили по достоинству. Действительно, непростая задача.

      Ответить
  3. Король_Neko

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

    Ответить
  4. Спасибо все нужные инструменты под рукой!

    Меня нервирует что гугл ругается на картинки,а когда сжимаю их качество сильно уменьшается,не знаю что и делать 🙁

    Ответить
    1. Здравствуйте Айк!
      Для меня это вторая проблема, первая это скрипты, постоянно приходится изворачиваться, чтобы найти оптимальное решение. Для сжатия изображений использую http://optimizilla.com/ru/

      Ответить

Добавить комментарий

Seo оптимизация и продвижение - seovedenie.ru © 2017. Все права защищены