Добрый день, дорогие друзья! Сегодня мы обсудим с вами скорость загрузки сайта.
А точнее поговорим о необходимости ускорить по максимуму свой блог и о том, как измерить эту самую скорость.
В конце статьи вас ждет несколько новостей.
Скорость загрузки страниц сайта имеет огромное значение.
Если Вы с этим не согласны, то предлагаю ознакомиться со статистикой:
- Дополнительные 400 миллисекунд приводят к падению трафика на 5-9%.
- Для Google дополнительные 500 миллисекунд приводят к тому, что его поиском пользуются на 20% меньше посетителей.
- 100 миллисекунд стоят Amazon 1% прибыли;
- 1 из 4 пользователей Интернета закрывает сайт, если он загружается дольше 4 секунд. Думаю, и Вам иногда надоедало ждать загрузки какого-нибудь сайта и вы искали информацию в другом месте. Мне приходилось.
- 50% пользователей, которые выходят в сеть с мобильных телефонов, закрывают сайт, если ожидание превышает 10 секунд.
- Кроме того, трое из пяти больше не вернутся на этот сайт.
- 8 секунд ожидания и вы можете потерять более 47% пользователей (стоит забеспокоиться и начать действовать)
Еще в 2010 году поисковая система Google объявила достаточно четко, что скорость загрузки сайта будет влиять на его позицию в поисковой выдаче.
Не часто поисковик открыто говорит о факторах, влияющих на ранжирование сайта. Поэтому стоит к этому прислушаться, если мы хотим, чтобы наши статьи .
Почему Google уделяет такое значение скорости
Во-первых, быстрая скорость загрузки в некоторой степени является гарантией качества сайта. А Google прежде всего думает о своих пользователях и о том, чтобы предоставлять им качественную информацию. Об этом я уже писала .
А во-вторых, Гугл, как и любая компания, желает сократить свои расходы, а медленный сайт стоит ему дорого.
Так как поисковый робот вынужден задержаться на медленном сайте и у него не остается времени для посещения других ресурсов. В результате на долго загружающиеся сайты GoogleBot будет заходить реже, что скажется на , статьи будут долго и плохо индексироваться. Вам это нужно? Мне нет.
Время загрузки и время отображения страницы
Говоря о скорости загрузки страницы, стоит различать такие два понятия, как время загрузки и время отображения страницы.
- Время загрузки страницы — это время, необходимое для загрузки кода страницы и всех скриптов. Его легко измерить с помощью различных онлайн-инструментов, речь о которых речь пойдет далее.
- Скорость отображения страницы — это как пользователь воспринимает загрузку страницы, он ведь не видит коды, а только визуальные элементы. И измерить время отображения намного сложнее. Но все же его можно оценить, учитывая следующие моменты.
Как люди воспринимают загрузку страницы
- Память и внимание человека ограничены. Он не может воспринимать множество вещей одновременно и он может легко отвлекаться на что-то новое.
- Человек любит контролировать то, что он делает и ненавидит ждать (это точно:)).
- Время отклика 0,1 секунды дает людям впечатление мгновенности.
- Время отклика в 1 секунду производит впечатление спонтанности и непрерывности. Пользователь может почувствовать задержку, но не обратит на нее особого внимания.
- От 1 до 10 секунд и у пользователя складывается впечатление, что он зависит от милости компьютера, что его очень раздражает. За 10 секунд вы определенно потеряете внимание пользователя.
Уверена, что вы убедились в необходимости ускорить свой ресурс и мы переходим ко второму этапу: к проверке скорости загрузки сайта
Проверка скорости загрузки сайта
Я подготовила список из 10 инструментов. О двух самых интересных вы узнаете в конце статьи, так что дочитайте до конца.
1. tools.pingdom.com
Указываете название блога и нажимаете «Test Now». Получаете результат. Лучше проверить несколько раз, так как результат каждый раз будет отличаться, и вывести среднее арифметическое.
Данный сервис предоставляет информацию о скорости блога в секундах и в баллах. Также указывает в процентах на сколько ваш блог быстрее остальных.
2. www.seomastering.com/site-speed-checker.php
Указываете домен и жмете «Continue». Данный сервис позволяет проверять одновременно до 10 сайтов.
3. www.pr-cy.ru/speed_test
Все как и в предыдущем сервисе только на русском языке.
4. cloudmonitor.ca.com/en/checkit.php
Можно проверять скорость ресурса 5 раз в день.
5. host-tracker.com
Вы можете увидеть скорость доступа из разных точек планеты, кроме проверки скорости загрузки сайта, сервис также может проверять его доступность, что помогает оценить работу хостинга. Об этом я уже писала .
6. Если у вас в браузере установлено расширение от , то вы знаете что и Алекса тоже показывает скорость сайта, вот только данные обновляются не каждый день а ежемесячно, что не очень удобно.
7. Page Speed Insights
Скорость загрузки вы также можете проверить с помощью Инструментов вебмастеров от Google. Выбираете раздел «Лаборатория» — «Эффективность сайта» -«Page Speed Insights»:
Результат Вы получите не в секундах, а в баллах: отдельно для мобильной версии и для компьютера. Кроме этого сервис выдаст вам подсказки, что нужно исправить для улучшения скорости. Они будут отмечены красным восклицательным знаком.
Данный сервис является онлайн вариантом расширения для браузеров Page Speed. Он удобен, но я предпочитаю 2 других. О них и расскажу далее.
8. gtmetrix.com
Как и в предыдущем скорость измеряется в баллах. Также вы можете видеть список рекомендаций, зеленый цвет означает, что все в порядке, а красный указывает на элемент, который замедляет блог.
Нажав на каждый параметр вы увидите список файлов или скриптов, которые влияют на загрузку.
Единственный недостаток этого сервиса — это то, что он на английском языке и если при измерении скорости проблем особых не возникнет, то понять рекомендации смогут не все. Для тех, кто не владеет английским, есть плагин Page Speed.
9. Плагин Page Speed
Работает по этому же принципу, но его достоинством является то, что он руссифицирован, а значит будет легче разобраться, что делать.
Расширение Page Speed существует и для Google Chrome, и для Firefox, но я рекомендую использовать его в последнем браузере. В Chrome данное разрешение у меня выдает подсказки, но вот количество баллов не показывается.
О том, как установить данный плагин в Firefox и как проверить скорость загрузки сайта смотрите в видео уроке:
Как вы видите, различные сервисы дают совершенно разные результаты: от долей секунды до нескольких секунд, поэтому и проверять стоит несколькими инструментами. У меня наибольшее доверие вызывает Page Speed. А какой сервис предпочитаете вы?
О том как применить данные полученные от Page Speed для ускорения блога, а также о других способах, как заставить ваш блог летать я расскажу в следующей статье.
Добрый день, уважаемые читатели! Продолжим наш практический кейс по продвижению блога и поговорим сегодня об одном из самых важных факторов ранжирования, о быстродействии веб-ресурса. Скорость загрузки страниц сайта — тема статьи, в которой Вы узнаете, что же такое скорость загрузки страниц, как ее проверить и конечно же как ее увеличить . Как обычно, я расскажу самое основное про важность быстродействия веб-ресурса, покажу самые основные сервисы оценки этого параметра. Для читателей моих seo-шпаргалок я подготовил документ о проверке скорости своего блога в Google Analytics.
Скорость загрузки страниц веб-ресурса
Важность быстродействия сайта
9 апреля 2010 года поисковая система Google в своем официальном заявлении дала понять всем веб-мастерам о важности быстродействия сайта. И поэтому на сегодняшний день оценивают скорость загрузки любых страниц. И чем выше этот показатель, тем лучше ранжируется сайт веб-мастера или блоггера в поисковике, тем выше он может подняться в результатах выдачи. Неужели это так важно, подумаете Вы?
Медленно загружающиеся страницы — головная боль каждого пользователя поисковых систем. И не важно, что причиной такой задержки могут быть раздутые страницы сайта или проблемные плагины блога. Посетитель из поиска не хочет тратить свое время на долгое открытие постов и документов веб-ресурса. И если еще раньше, лет 5-7 назад он мог потерпеть, то сегодня об этом не может быть и речи — количество сайтов, которые могут дать ответ пользователю поисковых систем, конкретно увеличилось.
Исследование Forrester Consulting по заказу Akamai Technologies в сентябре 2009 года показало , что 2 секунды — это максимальное время ожидания загрузки страницы коммерческого сайта пользователями поисковых систем:
Еще в 2006 году аналогичные исследования показывали совсем другую цифру — 4 секунды. Как говориться, делайте свои выводы, уважаемые веб-мастера и блоггеры. С каждым годом пользователи поисковых систем становятся менее терпимыми к медленным сайтам.
Таким образом, быстродействие очень важно для успешного продвижения блога в поисковиках. Перечислю самые важные параметры и показатели, которые помогут блоггеру понять всю важность скорости загрузки:
- Негативное/позитивное отношение читателей . Чем больше пользователь из поиска ждет открытия постов Вашего блога, тем меньше у него становится заинтересованности в дальнейшем его изучении. Тем сложнее ему стать постоянным читателем, проблемней предложить ему свои услуги, инфопродукты и т.д.
- Ниже позиции в результатах выдачи . При одинаковых остальных параметрах ранжирования медленный блог займет ниже позицию в серпе по сравнению с более быстрым веб-ресурсом.
- Ухудшаются поведенческие факторы . Чем ниже скорость отклика, тем далеки от идеальных основные метрики поведения пользователей — хуже глубина просмотра страниц блога, меньше время взаимодействия с документом, ниже показатель загрузки файлов и т.д.
Каким образом определяется скорость загрузки сайта
Каждый поисковик имеет в своем распоряжении специального робота (или как его еще называют, поискового паука), который выполняет те или другие функции при сканировании сайтов в Интернете. Например, в поисковой системе Google таким пауком является Google-bot. Он собирает всю информацию, бегая по всем страницам блога путем внутренних ссылок. Эту информацию он отдает в базу данных, где она обрабатывается и анализируется.
Сам робот не дает оценку просканированной информации. Но зато он может дать сигнал поисковой системе о быстродействии блога. Так как число постов и страниц в сети Интернет огромное количество, исчисляемое миллиардами документов, он бывает на каждом сайте строго отведенное на просмотр время. Если за это время он сканирует всю страницу, то быстродействие сайта одно, если нет, то другое. Ведь ждать до бесконечности медленно открывающиеся страницы робот не может — у него еще для просмотра море других документов. Таким образом у поисковой системы есть информация, как долго и насколько полно google-bot просканирует информацию на страницах веб-ресурса.
Проверка скорости загрузки страниц сайта
Чтобы проверить скорость загрузки сайта существует большое количество различных сервисов и программ. Но не все они могут дать полную и исчерпывающую информацию о быстродействии Вашего блога. Поэтому сейчас я покажу самые популярные способы оценки скорости, которыми пользуюсь сам. А уже что именно выбрать Вам решите самостоятельно.
Google PageSpeed
Один из лучших инструментов проверки скорости загрузки блога — это гугловский PageSpeed. Он может проверить Ваш сайт как с помощью специального плагина под FireFox и Chrome, так и путем анализа на отдельной странице . Со вторым вариантом я Вас сейчас и познакомлю. Для начала перейдем по вышеуказанной ссылке на страницу этого сервиса, на которой будет нас ждать форма ввода доменного имени:
Вводим url главной страницы своего блога и нажимаем кнопку «Analyze». После проведенных тестов Google PageSpeed результат проверки скорости загрузки нашего сайта:
Как видим по результату, главная страница моего блога получила 75 очков из 100 возможных. Да уж, не все 100, есть над чем подумать. А чтобы думать было легче, система любезно предоставила ряд полезных рекомендаций, которые позволят повысить скорость загрузки моего блога:
При переходе на каждую рекомендацию мы увидим конкретные советы, что и как нужно сделать, чтобы увеличить быстродействие сайта. Красной буквой «H» показаны самые важные рекомендации, которые позволят улучшить скорость загрузки, желтой — средние и серой — небольшие или маленькие. Из рисунка видно, что самые серьезные улучшения отклика моего блога сервис видит в кэшировании браузера и путем включения сжатия. Об этом мы поговорим в ближайшем посте, а пока перейдем к следующему сервису оценки скорости сайта.
GTmetrix
Этот сервис проверяет отклик веб-ресурса по такому же принципу, как и первый — сначала мы вводим в специальную форму свой блог для анализа,
а потом получаем результаты проверки скорости загрузки страницы:
Все важные анализируемые параметры градуируются по специальной шкале от A (отлично) до F (плохо). Поэтому здесь тоже можно наглядно увидеть все недостатки проверяемого сайта и в дальнейшем принять меры для увеличения скорости его загрузки. GTmetrix использует для своего анализа те же самые инструменты, которые функционируют в Pagespeed (об этом говорит одна и та же общая цифра оценки отклика моего блога, равная 75-ти).
Также GTmetrix выдает подробный список полезных рекомендаций, в которых говориться как улучшить тот или иной анализируемый параметр. Приятным моментом использования этого сервиса является еще возможность экспортировать данные анализа в отдельный файл (pdf). Это не только позволит каждому блоггеру, веб-мастеру и аналитику видеть в любой момент результаты анализа, но и в дальнейшем сравнить успешность проведенных работ в ускорении скорости загрузки.
Pingdom Website Speed Test
Еще один популярный сервис по оценке скорости загрузки сайта — Pingdom Website Speed Test . Он имеет понятный интерфейс и является удобным инструментом анализа отклика. Для начала работы необходимо ввести адрес своего сайта в специальное окошко:
После нескольких секунд обработки данные (а принцип их работы основан все также на инструментах оценки PageSpeed) мы получаем готовый отчет скорости загрузки сайта, во главе которого идет информационная табличка с общими параметрами измерения:
Здесь наглядно с помощью информативных пиктограмм и сообщений мы видим следующие параметры оценки скорости сайта:
- место проведения теста скорости и дата тестирования;
- оценка скорости загрузки сайта по 100 бальной шкале (69 в моем случае);
- количество проведенных запросов для выполнения теста (66);
- общее время загрузки проверяемой страницы (4,56 — время загрузки главной моего блога);
- размер проверяемой страницы в мегабайтах (1,1 MB);
- сравнение скорости загрузки проверяемого сайта с откликами других веб-ресурсов (по данным теста мой блог быстрее, чем 34% из всех других исследуемых сайтов).
Как и на других сервисах, Pingdom Website Speed Test тоже дает свои рекомендации по улучшению скорости загрузки. Это можно увидеть, перейдя в результатах анализа во вкладку «Perfomance grade», в которой наглядно показано влияние тех или иных препятствий в виде градуированной шкалы.
Каждый из выше перечисленных сервисов позволяет наглядно проверить скорость загрузки сайта, а также предложить веб-мастеру рекомендации по ее улучшению. И самое главное — все эти инструменты абсолютно бесплатны. Но есть еще один вариант проверки, о котором я бы хотел Вам рассказать.
WEBO Site SpeedUp
Компания WEBO специализируется на разработке решений для ускорения производительности сайтов. Она является экспертом по вопросу улучшения быстродействия сайта.
Но сегодня речь не об этом. На сайте этой компании есть возможность получить бесплатный отчет по проверке скорости загрузки любого сайта. Для этого переходим на эту страничку и заполняем форму. в ней мы указываем адрес своего блога, имя, почтовый ящик для получения отчета и контактный телефон (для возможных консультаций). Через некоторое время Вам придет первое письмо о том, что Вы заказали отчет по загрузке, а чуть позже и результаты проверки. Возможно, именно благодаря этим данным (на русском языке! 🙂) Вы сможете увидеть всю картину в целом. В любом случае, отличный отчет от экспертов этой области не будет лишним.
Кстати, эта компания продает свой платный продукт WEBO Site SpeedUp для различных платформ. Есть там и специальный плагин по ускорению загрузки блога под CMS WordPress. Я принял решение попробовать этот продукт на зуб. Надеюсь, что алгоритмы сжатия и оптимизации этого дополнения позволят моему сайту стать намного шустрее. Об итогах его использования я напишу отдельно в одном из следующих статей.
Так надо ли проверять скорость загрузки своего сайта?
Скорость отклика сайта — очень важный элемент в его успешном продвижении в поисковых системах. Чем быстрее отображаются странички Вашего веб-ресурса, тем больше пользователей из поиска получите. Одно нераздельно от другого. Хуже скорость — меньше читателей на блоге, меньше клиентов на услуги, меньше покупателей товаров интернет-магазина.
Анализируя скорость Вашего сайта, Вы всегда будете знать, все ли в порядке с ним, как быстро получают к контенту посетители Яндекса и Гугла. Благодаря полученным отчетам с проанализированными параметрами, всегда будете видеть слабые и сильные стороны каждой страницы Вашего сайта. Тем самым, держа руку на пульсе, вы не допустите проблемы со скоростью загрузки страниц, что не отразиться на ухудшении различных факторов ранжирования
Не пренебрегайте проверкой быстродействия своего блога! И тогда Вы не потеряете своих читателей, сэкономите время и сохраните нервные клетки. 🙂
Бонус для читателей Seo-шпаргалок
. В самом популярном наборе веб-инструментов Google Analytics есть стандартный отчет, дающий данные по быстродействию сайта. В качестве дополнительно материала в виде очередной seo-шпараглки, я подготовил информацию по отчету быстродействия страниц. Если Вы не являетесь читателем этих шпаргалок, но хотите их получить, Вам достаточно заполнить форму, которая идет после этого поста.
А мы рассмотрим довольно важную тему как проверить скорость загрузки сайта в мире. Мы рассмотрим методы и сервисы которые продемонстрируют слабые места вашего проекта в плане скорости. Для начинающих вебмастеров, это окажется особенно полезно, на пути к профессионалу и гуру сайтостроения.
Данную тему можно отнести к ранее рассказанным темам о полезных утилитах сетевого инженера. И так как мы все знаем скорость сайта очень важна и на прямую влияет на его ранжировании в поиске, да и вам же всегда тоже приятно, когда ваши любимые ресурсы загружаются за долю секунды, на любых устройствах, особенно на мобильных, где скорость загрузки сайта особенно ощущается. Пробежимся сегодня по известным мне онлайн сервисам, и рассмотрим плюсы и отличия каждого из них.
Список онлайн сервисов проверки скорости сайта
1. pingdom.com
Pingdom tools это мой самый любимый сервис. Данный ресурс, позволяет, не только проверить как открывается ваш проект по все миру, так еще и покажет что именно открывается долго, на уровне файлов.
и так в поле теста, вводи адрес вашего ресурса и жмем Test now
Сервис сам выберет точку тестирования вашего сайта, в моем случае первый тест был из Далласа США. По результатам теста вы увидите общее число запросов до него, чем меньше тем лучше конечно, далее время загрузки и размер загружаемого контента. Ниже вы можете пофайлово посмотреть скорость загрузки сайта, очень удобно увидеть кто тормозит. Бывают случаи когда во время можно понять, что проблема может быть на сторонних сервисах с которых у вас подгружается информация, например рекламная сеть или соц сеть.
2.
Второй сервис диагностики скорости сайта, это гугловский PageSpeed Insights. Его преимущество, что он показывает скорость и рекомендации по оптимизации, как для мобильной версии так и для десктопной. Вводим в строку анализа название вашего site и жмем анализировать
В результате вы получите подробную выдержку в балах, чем выше тем лучше и полную инструкцию, что делать. В моем примере гугл еще советует сжать некие картинки, но мало того советует, так еще их сам сжимает и предлагает их вам скачать и заметьте без потери качества.
3. webpagetest.org
Третий инструментарий, тоже вас весьма порадует своими возможностями. Нажимаем анализировать и получаем вот, что. Сводная таблица, по загрузке проекта не самая информативная, но ниже есть и плюшки.
Следующим идет пункт Waterfall View, подпробный срез загрузки всех ваших файлов.
И на последок подробная таблица проверки скорости загрузки сайта. Согласитесь очень круто.
4. gtmetrix.com
Достаточно не плохой online ресурс, так же вбиваете сайт и смотрите результат, движок там Mozilla, кто знает, есть такой же плагин с теми же тестами. Загрузка страницы, в канаде аж 5 секунд, до московского цода, так же размер страницы, количество запросов, и система оценки в виде Букв, в моем случае это A, значит все ок. Ниже можете посмотреть рекомендации, для увеличения скорости загрузки сайта в мире.
так же есть вкладка Waterfall со всеми загружаемыми файлами
и фишка данного ресурса оценка скорости загрузки сайта за год, в виде графика.
оценка скорости загрузки сайта на данном ресурсе предоставляется, так же качественная.
5. loadimpact.com
Замыкает пятерку сервис loadimpact, после того как он отработает у вас будут данные в виде, где лежит ваш сайт и от куда по карте на него обращаются, в этот момент производится оценка скорости загрузки сайта
Скорость загрузки страницы - это один из важнейших показателей сайта и весомый сигнал для поисковых систем. Как ни старайтесь оптимизировать сайт, но если он долго загружается - не видать ему ТОП поисковой выдачи.
Этот показатель само собой критичен не только для поисковых систем, но и для пользователей. Если страница сайта долго грузится, пользователь его просто закроет и с большой вероятностью не вернется на него снова. В обратной ситуации можно получить доверие со стороны пользователей и даже получить конверсии в заказы, обращения.
Разберем самый популярный сервис для анализа скорости загрузки страниц сайта.
Google PageSpeed Insights - проверка скорости загрузки страницы сайта
Google PageSpeed Insights - это сервис для анализа скорости загрузки страницы посредство внутренних инструментов Google. Показатель анализа довольно точный и многие оптимизаторы обращаются именно к этому сервису в первую очередь.
Анализ скорости загрузки страницы показывается на 2 типах платформ - для мобильных и для компьютеров. Как правило показатель на мобильный всегда несколько ниже. Сложно идеально оптимизировать сайт под мобильные устройства, чтобы во всем угодить поисковой системе.
Google PageSpeed очень полезен тем, что помимо собственно анализа в нем приводятся рекомендации по увеличению скорости загрузки сайта.
Сократите время ответа сервера - если хостинг у вас слабоват, стоит задуматься о переезде на более мощный.
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Используйте кеш браузера
Сократите CSS
Оптимизируйте изображения - это обычно сильно повышает показатель по PageSpeed Insights
Сократите JavaScript
Включите сжатие
Если Выполнить хотя бы часть рекомендаций, можно хорошо поднять этот показатель. Обычно первым делом я стараюсь оптимизировать изображения и решить вопрос с хостингов, если он медленный. Остальные исправления уже второстепенны, но не стоит и их игнорировать.
Ваша цель попасть в зеленую зону - это показатель от 90 до 100, но если сайт хотя бы в оранжевой зоне - уже хорошо. Если же сайт в красной зоне, то стоит срочно заняться его ускорением.
Помимо сервиса от Google для анализа скорости загрузки страниц, есть еще некоторые сервисы, но они уже скорее на любителя. Часть из них являются производной от первого и работают на основе его api.
Сервисы для анализа скорости загрузки сайта
Данный список является дополнительным и я рекомендую использовать именно инструмент от Google т.к. его показатели будут максимально близкими к реальной картине, не и рекомендации правильные.
Каждый сервис по своему интересен, и показывают они различных показатели. Большинство показывают именно сколько загрузки страницы в секундах и размер документа в килобайтах. Только сервисы PageSpeed Insights и GTMetrix показывают усредненное процентное соотношение, что очень удобно.
Как улучшить скорость загрузки страниц сайта
Методов ускорения много, но я перечислю 3 основные, что в большей степени влияют на скорость загрузки страниц и сайта в целом. Возможно этих 3х пунктов будет вполне достаточно.
Оптимизация изображений
Проверьте, а не весят ли картинки сайта на слайдере главной страницы или в других блоках по несколько мегабайт - и такое бывает!
Я на практике сталкивался с таким - разработчики или владельцы сайта в последующем, загружали на сайт картинки прямо с фотоаппарата и представляете сколько они весят?!
Если Вам нужно пакетно сжать много изображений - для этого есть множество различных сервисов или утилит. Мне на практике чаще всего надо сжать несколько фото и я это делаю просто в фотошопе.
Во-первых подгоняю размер изображения под нужный мне на сайте. Нет смысла в картинке 2000 пикселей по ширине, если она будет сжата на сайте до 800 пикселей.
Также обратите внимание на разрешение изображения. Если фото напрямую с фотоаппарата, то этот показатель скорее всего 300 dpi и можно смело его уменьшать до 72 dpi - этого более чем достаточно для сайта.
В фотошопе я сохраняю картинку в режиме "Сохранить для Web" - это также плюс оптимизации изображения.
Сокращение время ответа сервера
Как правило вся причина долго ответа сервера именно в самом хостинге. Большинство проектов используют обычный шаред хостинг и ждут от него супер производительности. Этого не будет.
Даже если Вы смотрите в сторону смены хостинга, выбирайте тот, что хотя бы работает на SSD дисках - это уже большой плюс к скорости будет. Я сначала для клиента, а затем и сам перебрался на fornex.com
Для больших проектов вроде агрегатора доставки еды или городского портала лучше конечно использовать выделенный сервер т.к. нагрузка на сайт может быть внушительной и нужны мощности.
Если смена хостинга для Вас пока что не вариант, посмотрите в сторону оптимизации базы данных. Часто популярные движки делают и оставляют в базе много мусора, вроде временных сохранений или ревизий статей. Это все так или иначе тормозит взаимодействие между сервером и сайтом.
Используйте кэширования страниц сайта
Кэширование страниц сайта можно также рассмотреть как способ его ускорения. пользователю показывается странице уже непосредственно из кэша, а не подгружается снова и снова.
Для большинства популярных CMS есть различные плагины позволяющие кэшировать страницы сайта и тем самым ускорять загрузки видимой части контента.
Если Ваш сайт сделан на wordpress, то наилучшим решением будет плагин WP Fastest Cache , но будьте осторожны - плагин может конфликтовать с некоторыми скриптами. Например, недавно начал сильно тупить слайдер на сайте клиента, оказалось что именно данный плагин перестарался с кэшированием. Но в целом такие случаи единицы и можете попробовать на своем проекте.
На этом пожалуй все. Быстрых сайтов всем моим читателям!
15 лайков
Мы затрагивали тему того, как содержание страницы может повлиять на позиции в поисковой выдаче. Здесь мы расскажем про то, как скорость загрузки страницы сайта может повлиять на ее ранжирование .
Зачем нужна проверка скорости загрузки сайта
Поисковые системы - это один из основных способов привлечения посетителей. Чтобы страницы вашего сайта хорошо ранжировались, они должны быть оптимизированы . Оптимизация делится на два вида: внешняя и внутренняя. Внешняя включает в себя всевозможную рекламу, а внутренняя отвечает за содержание и за техническую сторону страниц . Как раз об этом мы сегодня и поговорим.
Техническая оптимизация включает в себя чистку кода, настройку кеширования, сжатие изображений и видео, а также настройка порядка загрузки отображения блоков страницы(поисковики хотят, чтобы при загрузке страницы сначала отображалась видимая часть контента, а уже после ее отображения начинало загружаться то, что можно увидеть только при скролле страницы).
Как узнать что именно требует оптимизации? Есть множество сервисов, которые проверяют скорость загрузки страницы, но, пожалуй, самый лучший из них - это Google PageSpeed . Преимущество этого сервиса в том, что после проверки страницы он укажет не только проблемы(при их наличии), но и подробно опишет пути их решения .
Проверка скорости загрузки страницы сайта с помощью Google PageSpeed
PageSpeed измеряет скорость загрузки веб-страниц дважды – десктопную и мобильную версии, а затем ставит оценку.
Оценка PageSpeed составляет от 0 до 100 баллов. Результат 85+ считается очень хорошим. Обратите внимание, что алгоритм сервиса постоянно развивается, поэтому оценка может меняться.
В зависимости от результата сервис даст чёткие рекомендации по оптимизации, воспользовавшись которыми вы сможете оптимизировать относительную скорость загрузки страницы. Но помните - абсолютная скорость загрузки в конечном итоге все равно зависит от скорости подключения к сети.
Предложения по оптимизации загрузки страниц
Оптимизируйте изображения
Это правило срабатывает, когда PageSpeed Insights обнаруживает, что размер изображений на странице можно уменьшить без особого ущерба качеству. Для решения этой проблемы сервис предлагает несколько инструментов, с помощью которых можно сжать изображения jpeg и png без потери качества. Сам же я использую tinypng.com .
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Перед отображением страницы браузер должен выполнить ее синтаксический анализ. Если при этом он обнаруживает внешний скрипт, он должен его загрузить. Это лишний цикл операций, который замедляет показ страницы.
Есть несколько способов решения этой проблемы:
- Если подключаемый внешний скрипт небольшой, его можно подключить напрямую в HTML, чтобы избавиться от необходимости выполнять внешний запрос;
- Чтобы код JavaScript не блокировал загрузку страницы, используйте атрибут async. Например:
Используйте кеш браузера
Благодаря кешированию пользователи, повторно посещающие ваш сайт, тратят меньше времени на загрузку страниц. Заголовки кеширования должны применяться ко всем кешируемым статическим ресурсам, а не только к некоторым из них (например, изображениям).
А вот ресурс , описывающий настройку кеширования через файл.htaccess
Включите сжатие
Большинство веб-серверов сами могут сжимать файлы перед отправкой. Это позволяет ускорить загрузку страниц сайта. Сжатие необходимо включить на веб-сервере. Чтобы узнать, как это сделать, перейдите по ссылкам ниже:
- Apache: используйте mod_deflate.
- Nginx: используйте HttpGzipModule.
Сократите JavaScript, HTML и CSS
Размер страницы можно уменьшить, удалив из кода лишние пробелы, переносы строки и отступы. Сократив код HTML, CSS и JavaScript, вы ускорите загрузку, синтаксический анализ и отображение страницы. Кроме того, размер CSS и JavaScript можно уменьшить, сократив название переменных.
Google также предлагает нам несколько сервисов по сокращению кода:
- Расширение для браузеров PageSpeed Insights для оптимизации HTML
- Для уменьшения объёма CSS используйте cssmin.js
- Для оптимизации JavaScript можно использовать Closure Compiler , JSMin или YUI Compressor
Оптимизируйте сайт для мобильных устройств
Мобильная версия сайта очень важна, ведь с мобильных устройств приходит весьма внушительная часть посетителей. Чтобы им было комфортно нахождение на вашем сайте оптимизируйте его под телефоны и планшеты.
Чтобы проверить как отображается ваш сайт на разных мобильных устройствах выполните следующие действия:
- Нажмите правой кнопкой на любое место на странице;
- В появившемся контекстном меню выберите "Показать код элемента ";
- Нажать на кнопку Toggle device toolbar (или Ctrl+Shift+M);
- Выбрать гаджет, экран которого надо эмулировать;
Заключение
Теперь вы знаете как проходит проверка скорости загрузки страницы, однако вот еще 1 важный совет :
Не надо стремиться набрать все 100 баллов! 70+ - это уже очень хороший результат . Посмотрите, допустим, на сайт ВК, один самых крутых интернет-ресурсов в России. На момент написания статьи ВК набрал 71 балл на мобильных устройствах и 82 на компьютерах. Так что не заморачивайтесь, подбивая сайт ради нескольких бесполезных баллов.
Не забывайте, что мы готовы ответить на все ваши вопросы в специальной теме в группе ВК или комментариях ниже, до встречи!
