Как ускорить загрузку: Как ускорить загрузку Windows 10

Содержание

Как ускорить загрузку страницы сайта на примерах

Знаете ли вы, что ваш сайт может подгружать свыше 90% неиспользуемых на странице css-стилей и javascript кода?

  • Веб-страница больше весит;

  • Страница медленнее прорисовывается;

  • Дольше загружается;

  • Уменьшается время нахождения посетителей на сайте;

  • Ухудшаются позиции сайта в поисковых системах.
  • Данная проблема распространена при использовании общего css-файла для всех страниц сайта или любой CMS, к которой вы подключаете плагины или модули, добавление которых приводит к появлению дополнительный css-стилей.

    Простой пример: есть сайт «site.ru/index.php» с лендингом на главной странице, рассказывающем о преимуществах компании. У этого сайта есть личный кабинет на отдельной странице «site.ru/cabinet.php».

    Распространенная ошибка на основе примера: главная страница сайта имеет свою структуру и набор необходимых для работы стилей/js скриптов, а личный кабинет имеет другой необходимый для нормальной работы набор.

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

    Даже такой гигант, как vkontakte  (см.скриншот) до сих пор работает с этой ошибкой. Колонка «Unused Bytes» показывает нам проценты неиспользуемого кода каждого из подгружаемых файлов.


    Почему так происходит?

    К примеру, классическая сборка WordPress использует одинаковый header.php (шапку) для всех страниц сайта, в который через functions.php (функции темы) подключаются все css и js файлы сайта.

    Лучше всего для каждой страницы сайта в теге <head> указывать пути только к необходимым для этой страницы css файлам, а пути к js файлам по возможности вынести перед закрывающим тегом </body>.

    К примеру, для WordPress нужно будет создать отдельные шаблоны (header.php и footer.php) для различающихся страниц. Но если у вас таких «различающихся» страниц десятки, а то и сотни? На это потребуется довольно много времени…

    Ускоряем CSS и JS

    1) Нужно понять, какие из css стилей используются для большинства страниц сайта и подгружать их в первую очередь → Critical css. Следует сформировать «критический css» и минифицировать его вес (можно с помощью сервиса: https://pegasaas.com/critical-path-css-generator/).

    2) Выполнить отложенную загрузку css стилей,  в которых нет необходимости для прорисовки страницы сайта. 
    Для этого в коде сайта нужно заменить rel=«stylesheet» на rel=«preload» для тех стилей, которые должны прорисовываться в первую очередь, а для всех остальных добавить тег <link> событие Onload, которое подгрузит стили после полной загрузки страницы.

    3) Выполнять асинхронную загрузку JavaScript, добавив атрибут async или defer.

     Скрипт с атрибутом async выполнится при первой же возможности после его полной загрузки.


    Скрипт с атрибутом defer выполнится после полной загрузки страницы.


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

    Для контрольной проверки оптимизации сайта используйте:

    Инструмент от Google «Pagespeed insights»:  https://developers.google.com/speed/pagespeed/insights/

    Или популярный инструмент среди зарубежных разработчиков «Gtmetrix»: https://gtmetrix.com/

    Как ускорить загрузку сайта сжатием картинок и видео

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

    Сжатие видео

    Мы начали анализировать, что можно сделать с видео и как оно работает сейчас. Выяснили, что видео все загружены с аудиодорожкой, но при этом они везде воспроизводятся без аудио, то есть с тегом muted. Поэтому решили удалить аудиотреки и тем самым уменьшили размер на 15% в среднем.

    Все видео были сконвертированы только в mp4. Мы же решили сделать версии в WebM-формате – чтобы для браузеров, которые поддерживают этот формат, воспроизводились WebM.

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

    Видео на сайте клиента. Источник: WAMP

    Настройки сжатия WebM варьируются от 1 до 65, где 1 – это самое лучшее качество. С выбранными нами настройками мы не потеряли в качестве в сравнении с mp4-видео, которые уже были на сайте. При этом нам удалось уменьшить размер в среднем на 50% относительно изначальных mp4 со звуком.

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

    <video autoplay playsinline muted loop>

    <source src=”https://static.sybaritejewellery.com/video/home_page.webm” type=”video/webm”>

    <source src=”https://static.sybaritejewellery.com/video/home_page.mp4″ type=”video/mp4″>

    </video>

    Сжатие изображений

    Потом мы приступили к изображениям. Прошлись по ним всем и проверили, чтобы все большие изображения были в JPG.

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

    Изображения на сайте клиента. Источник: WAMP

    У клиента в Cloudflare было настроено кеширование файлов. Был бесплатный тариф, и мы перешли на Pro за $20 в месяц. Прошлись по всем надстройкам в Cloudflare и включили следующие:

    • Polish – время загрузки изображений уменьшается за счет оптимизации размера изображений, а кодек WebP используется с поддерживаемыми клиентами для дополнительного повышения производительности.
    • Auto Minify уменьшает размер кода и скриптов на сайте.
    • Brotli ускоряет загрузку страницы для посетителей, применяя сжатие Brotli.
    • Enhanced HTTP/2 Prioritization за счет распараллеливания и мультиплексирования интеллектуально анализирует HTML-код сайта для определения порядка загрузки ресурсов с целью достижения максимальной производительности. Наибольшие улучшения увидят посетители, использующие браузеры Safari и Edge.
    • TCP Turbo уменьшает задержку и пропускную способность с помощью настраиваемых оптимизаций TCP.
    • Mirage уменьшает время загрузки страниц с изображениями на мобильных устройствах с медленным подключением, заменяя изображения на аналоги с низким разрешением и «ленивой загрузкой» (lazy loading).
    • Rocket Loader сокращает время отрисовки страниц, содержащих JavaScript.

    Итоги

    Раньше рейтинг desktop performance по PageSpeed Insights был:, а теперь:

    Рейтинг mobile performance был:, теперь:

    То есть все действия позволили в два раза увеличить скорость загрузки сайта и выйти в желтую и зеленую зоны по этим рейтингам.

    Источник: Highload.today

    Этот материал – не редакционный, это – личное мнение его автора. Редакция может не разделять это мнение.


    Улучшайте себя и бренд: учитесь маркетингу

    Наши партнеры из Laba разработали курсы, которые помогут вам стать лучше в маркетинге и управлении брендом:

    • B2B-маркетинг, 3 ноября – 8 декабря. От экс-директора по маркетингу в Нова Пошта узнаете, как делать анализ рынка, проводить эффективные кампании и находить новые рыночные возможности;
    • Директор по маркетингу, 8 ноября – 13 декабря.
      Улучшите результаты своей работы, научитесь создавать сильную команду, выстраивать процессы и достигать бизнес-целей с помощью маркетинга;
    • Международный PR в IT, 11 ноября – 16 декабря. Поймете, как расширить географию бизнеса и построить PR-стратегию, научитесь оценивать эффективность вашей работы.

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

    Как ускорить загрузку сайта со стороны бэкенда

    Фаррух

    тимлид в IT-продакшне Extyl

    Скорость загрузки страниц влияет на ранжирование сайта поисковиками, на процент отказов и на его конверсию. Поэтому при разработке важно измерять и оптимизировать этот показатель. Меня зовут Фаррух, я тимлид в IT-продакшне Extyl. Мы разрабатываем b2b-сервисы, порталы и личные кабинеты для крупного бизнеса.

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

    ***

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

    Если мы говорим о сайтах, написанных на PHP, то скорость генерации страницы при хорошей архитектуре будет 100 мс, но допустима и более медленная загрузка — до 400 мс с последующей оптимизацией кешированием с помощью cache-buster’а, который увеличит скорость до 20-30 мс. С одного домена можно параллельно загружать только шесть файлов. Поэтому файлы нужно не только уменьшать в размере, но и сокращать их количество. Например, элементы дизайна — стрелки, кнопки и прочее — рекомендуется объединять в один файл (технология CSS-спрайтов).

    Также рекомендуем использовать услуги CDN-провайдеров. Они помогают без особых затрат расположить файлы на разных серверах, что увеличит количество параллельно загружаемых файлов.

    TTFB — Time to First Byte (время до получения первого байта) — это показатель задержки в передаче данных между браузером и сервером; степени загрузки сервера; и скорости генерации контента движком сайта. Хорошее значение TTFB не обязательно означает то, что демонстрирующий его сайт можно счесть быстрым, но плохой показатель TTFB гарантированно указывает на проблемы с производительностью проекта.

    В Extyl мы выбрали для себя предельное время TTFB в 200 мс. Такой показатель вполне достижим для большинства приложений.

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

    TIG (Telegraf, Influx, Grafana)

     

    Мониторинг сайта мы проводим на стеке TIG (Telegraf, Influx, Grafana) — это базовый набор компонентов для быстрого развертывания системы мониторинга. Опытный разработчик может сделать это за час.

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

    Яндекс.Танк

    Еще один популярный и доступный инструмент тестирования — это Яндекс.Танк. Он позволяет проводить нагрузочные тестирования и анализ производительности веб-сервисов и приложений. Благодаря данным, которые предоставляет Яндекс.Танк, разработчик видит, как работает его приложение под любой нагрузкой.

     

    Архитектура

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

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

    У нас практически всегда есть свободная ОЗУ на веб-сервере и мы можем разместить кэш-сервер на нем. Связь с ним по сокету дает прирост до 30% относительно обмена c локалхостом, и кратный прирост скорости в сравнении с кэш-сервером, находящимся на другом хосте.

    База данных

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

    Основная база данных на наших проектах — это PostgreSQL. У PostgreSQL много сильных сторон, но ее основное преимущество — подход Not-Only-SQL. Для примера возьмём достаточно частый запрос вывода данных по связи many-to-many. В тестовой БД более миллиона записей в таблице news и около 300 тысяч тегов.

    Сравним выборки по JSONB с индексом GIN и базового алгоритма.

    JSONB — разновидность формата JSON. Немного более сложная, но хорошо покрываемая индексами GIN.

    Индекс GIN — это обобщенный инвертированный индекс, который содержит записи для всех отдельных слов (лексем) с компактным списком мест их вхождений. При поиске нескольких слов можно найти первое, а затем воспользоваться индексом и исключить строки, в которых дополнительные слова отсутствуют.

    Выберем все новости, которые содержат выбранный тег, как мы это делаем обычно.

    explain analyze
    select * from news
    where id in (select news_id from news_tag where tag_id = 14)
    limit 20

    Теперь посмотрим тоже самое на jsonb и gin индексах:

    select * from news
    where json_custom_new @> '{"14": "#здоровье"}'
    and active = true
    limit 20

    Мы видим уменьшение времени выборки с 5 мс до 0,6 мс, а это почти в 10 раз быстрее.

    Усложним запрос. Теперь мы хотим получить все новости в которых встречаются 2 тега:

    explain analyze
    select * from "news"
    where exists (select * from "tags
    	      inner join "news_tag" on "tags"."id" = "news_tag"."tag_id"
                  where "news"."id" = "news_tag"."news_id" and "id" in (14,632))
    and active = true
    limit 20

    И тоже самое на jsonb и gin:

    explain analyze
    select * from news
    where json_custom_new @> '{"14": "#здоровье","632": "#партпроект"}'
    and active = true
    limit 20

    Мы видим для jsonb и gin скорость выборки не особенно изменилась. А для оригинального SQL скорость выборки упала еще на порядок, деградация будет еще более заметна под нагрузкой. Даже на относительно простых операциях мы получаем прирост производительности до 3-х порядков.

    Также мы рекомендуем дробить индексы на отдельные более мелкие. Например, поделить каталог товаров по разделам. На запросах типа exists, как в предыдущем примере, мы можем уменьшить время выборки с 600 мс до 50 мс

    Покрывающие индексы

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

    CREATE INDEX news_id_index_section_11_news
        ON public.news USING btree
        (start_date DESC NULLS LAST)
        INCLUDE(end_date, section_id)
        TABLESPACE pg_default
        WHERE section_id = 11 AND active = true AND deleted_at IS NULL;

    Таким образом, можно выиграть еще 30-40% на выборках.

    Денормализация

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

    Это упрощает код и ускоряет выборки из БД.

    Итог

    • Нужно следить за показателями скорости.
    • Проверять их динамику под нагрузкой.
    • Оптимизировать базу данных.
    • Сокращать количество одновременно загружаемых файлов.
    3

    Как ускорить загрузку сайта. Топ-10 способов, актуальных в 2020 году

    Оптимизация скорости загрузки страниц — задача №1 для любого проекта. Чем быстрее сайт, тем эффективней он ранжируется в поисковых системах и обеспечивает лучшее взаимодействие с пользователями — это отражается на целевом трафике, росте конверсий и увеличении дохода. Это прописная истина, которая, тем не менее, часто уходит на второй план или же вовсе игнорируется во время SEO-оптимизации сайта. В этой статье мы расскажем о том, что входит в базовый пул работ по улучшению скорости загрузки страниц.

    Как проверить скорость сайта? Пять инструментов

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

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

    WebPageTest — еще один мощный инструмент для проверки скорости. Он оптимален для глубокого анализа, но требует времени, чтобы разобраться в подробных и на первый взгляд запутанных отчетах. Без знания английского это наверняка создаст сложности. Как и в GTMetrix здесь можно добавлять тонкие настройки: выбирать локацию, тип браузера и др. Глобальное SEO-сообщество сходится во мнении, что именно WebPageTest дает наиболее адекватные цифры скорости загрузки по всему домену.

    Pingdom — более простой инструмент, чем WebPageTest или GTMetrix, но при этом не менее точный. Этот бесплатный сервис дает подробную статистику по производительности сайта и имеет менее запутанный интерфейс. Здесь все более наглядно и просто. Но из-за меньшего объема предоставляемой информации он не столь эффективен для глубокого анализа, как упомянутые аналоги.

    Load Impact — профессиональный сервис для проведения нагрузочного тестирование сайта.  В отличие от всех вышеописанных инструментов, которые тестируют только браузерную часть, Load Impact затрагивает бэкенд. Он позволяет проанализировать, насколько хорошо сервер приспособлен к повышенным нагрузкам, и как это отражается на скорости загрузки страниц. Первые 30 дней можно проводить 50 проверок в сутки бесплатно. Тем, кто планирует использовать инструмент постоянно, разработчик предлагает несколько вариантов тарифов.

    Сколько времени должен загружаться сайт?

    Оптимальное время ожидания загрузки страницы — 2 секунды с декстопа и 3-4 секунды — с мобайла. Это цифры, которые большинство пользователей считает наиболее приемлемыми. На деле все выглядит несколько иначе. Среднее время загрузки сайтов в разных сегментах eCommerce не соответствует ни пользовательским ожидания, ни рекомендациям поисковиков. Такую статистику представил Google, проанализировав средние показатели скорости загрузки сайтов по США.

    Работа над ускорением сайта — это самый простой и действенный способ получить значимые преимущества перед конкурентами

    10 способов ускорить свой сайт

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

    Уменьшение размера HTML-кода

    Размер HTML-кода напрямую влияет на скорость загрузки: чем увесистей файлы, тем больше ресурсов тратит браузер для визуализации страницы. Оптимально, если размер html не превышает 100-200 килобайт. Оптимизация в данном случае предполагает удаление всего ненужного: повторяющихся пробелов, переносов строк, комментариев к коду, лишних знаков и пр.

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

    Найти страницы с большим размером HTML-кода помогают сервисы Sitechecker, уже упомянутый GTMetrix или Screaming Frog.

    Для непосредственной оптимизации можно использовать сервис Daruse. Это онлайн-инструмент, который за несколько секунд компрессирует код, не нарушая его функциональности. Для сайтов на WordPress HTML-код можно оптимизировать при помощи популярных плагинов Better WordPress Minify и W3 Total Cache.

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

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

    Компрессия фото без потери качества

    Проверенные помощники в этом деле следующие облачные сервисы.

    Compressor — онлайн-сервис позволяет бесплатно компрессировать изображения, весом до 10 MB. Доступны различные форматы сжатия — с потерей и без потери качества. Компрессия может доходить до 90%.

    Kraken — еще один инструмент для сжатия изображений. Благодаря своему функционалу он более удобный для «потоковой» оптимизации картинок. Здесь можно проводить массовую обработку, загружая сразу несколько фото, или же компрессировать изображения прямо на странице, введя ее URL и получив на выходе архив со сжатыми файлами.

    Для популярных CMS существует множество плагинов, которые позволяют массово оптимизировать все изображения на сайте — WP Smush Image Compression and Optimization, Prizm Image, CW Image Optimizer и т. д.

    Использование форматов, адаптированных под web

    Речь идет о таких форматах как WebP и JPEG-XR. Их ключевые преимущества — высокое качество при минимальном весе. Но есть и существенные недостатки: до сих пор их поддерживают далеко не все браузеры и индексируют не все поисковые системы.

    Внедрение механизма отложенной загрузки изображений

    Этот метод позволяет отсрочить загрузку картинки до того момента пока пользователь не доскролит до нее. Применение данного способа дает возможность существенно ускорить сайт и повысить его производительность. Для быстрого внедрения этой опции на CMS-сайтах можно применить плагины, такие как A3 Lazy Load для WordPress.

    Метод «ленивой» подгрузки эффективно используют и для других элементов. Например, если JavaScript-файл не нужен пользователю в начале страницы, целесообразно отложить его загрузку до того момента, пока до него не доскролят. Это позволит добиться более быстрой стартовой загрузки. Аналогичным образом можно поступить с видео или другими файлами на странице.

    Деактивация ненужных плагинов

    Одно из важных преимуществ сайтов на CMS — доступность установки всевозможных плагинов, расширяющих функциональность веб-ресурса. С ними у многих вебмастеров быстро теряется чувство меры. Перспектива в несколько кликов сделать свой сайт более функциональным и эффективным кажется очень привлекательной. Но у этого явления есть и обратная сторона — для работы каждого плагина нужны серверные ресурсы. Дополнительные программные модули увеличивают количество запросов в базу данных, что в свою очередь значительно повышает время загрузки страницы. Если вы видите, что переизбыток плагинов замедляет сайт — отключите лишние из них. Второй вариант решения этой проблемы — переход на тариф хостинга, с увеличенным объемом выделяемых ресурсов.

    Настройка клиентского кэширования

    При клиентском кэшировании браузер локально сохраняет файлы и не делает к ним повторных обращений. При посещении уже просмотренных страниц браузер не будет каждый раз делать запрос на сервер, а загрузит контент локально — из кэша. Такой механизм значительно ускоряет загрузку страниц, особенно когда речь идет о картинках и CSS/Javascript-файлах. Клиентское кэширование можно настроить посредством CMS-плагинов или с помощью файла .htaccess.

    GZIP сжатие

    GZIP сжатие — это еще один механизм кэширования, но уже на уровне сервера. Технология минимизирует общий объем данных, которые сервер отправляет конечному пользователю. GZIP может уменьшать размер веб-страниц и CSS до 50-70%, за счет чего добиваются ощутимого снижения времени загрузки страницы.

    Способы включения GZIP сжатия

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

    2. Использование плагинов. Для сайтов на CMS активировать GZIP сжатие можно с помощью специальных плагинов. Пользователям WordPress рекомендуем обратить внимание на модуль GZip Ninja Speed Compression.

    В Joomla инструмент GZIP-сжатия предусмотрен по умолчанию в панели управления сайтом. Для того чтобы активировать его, необходимо зайти в раздел система Система → Общие настройки → Сервер.

    3. Включение через cPanel. Если вы используете данную панель управления хостингом, включить GZIP-сжатие для всех сайтов можно в разделе: Программное обеспечение → Оптимизировать веб-сайт.

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

    Настройка AMP страниц в Google

    Уже не первый год Google использует модель индексации Mobile First Indexing, в соответствии с которой приоритет при ранжировании сайта отдается его мобильной версии. Это значит, то для хороших позиций в Google первоочередное значение имеет mobile SEO. Несложно догадаться, что скорость загрузки страниц при такой модели становится одним из ключевых факторов ранжирования.

    В текущих реалиях SEO настройка AMP-страниц — абсолютный приоритет. AMP (Accelerated Mobile Pages) — это технология, применяемая Google для ускоренной доставки контента мобильным пользователям. Для ее внедрения на сайте создают отдельные версии страниц (AMP-страницы) и связывают их с основными. Как это делать, можно почитать в официальном руководстве от Google.

    Создание Турбо-страниц в «Яндексе»

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

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

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

    Перенос видеоконтента на внешние платформы

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

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

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

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

    Использование CDN

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

    На посещаемых сайтах с большим количеством обращений, обработка запросов занимает много времени, что замедляет скорость отклика сайта. Это вторая проблема, которую решает CDN. Сеть доставки контента распределяет нагрузку между разными серверами, благодаря чему даже при критически большом объеме трафика сайт грузится максимально быстро. Помимо этого использование CDN уменьшает вероятность потери доступа к содержимому сайта из-за падения сервера — при возникновении форс-мажорных ситуаций пользователи будут перенаправлены на резервные сервера сети.

    Таким образом, CDN — незаменимая вещь для посещаемых сайтов, ориентированных на глобальную (в географическом плане) аудиторию. При большом объеме трафика поступающего с разных континентов — это, пожалуй, единственная возможность эффективно снизить задержку сайта и обеспечить быструю раздачу тяжелого контента для всех пользователей.

    Вместо заключения

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

    Источник

    Как ускорить сайт в WordPress – Помощь

    Современные сайты должны быть не только стильными, лаконичными и понятными, но и быстрыми. Если ваш веб-ресурс отстаёт хотя бы по одному из этих критериев — это отразится на лояльности посетителей и в конечном счёте на выручке. В статье расскажем, как ускорить сайт, созданный на WordPress.

    Что такое скорость загрузки сайта

    Когда мы открываем сайт в браузере, проходит какое-то время, прежде чем контент на странице целиком загрузится. Это может происходить очень быстро: 1–2 секунды, и тогда нам кажется, что всё открылось мгновенно. А может дольше – от 5 секунд. Тогда мы понимаем, с сайтом что-то не так и, скорее всего, закроем его, чтобы не тратить своё время.

    С технической точки зрения загрузка сайта состоит из нескольких этапов. Чем меньше занимает каждый из них — тем выше итоговая скорость.

    1. TTFB (Time To First Bite) — время до первого байта. Когда пользователь попадает на страницу, его браузер отправляет серверу HTTP-запрос. Сервер, в свою очередь, отдаёт первый байт страницы. Этот интервал между запросом и отдачей первого байта должен быть минимальным.

    2. Время отрисовки страницы — первым делом сервер загружает HTML-файл страницы. Это «голая» структура с минимумом контента. На этом этапе пользователь видит общие очертания: где расположены заголовки, изображения и так далее.

    3. Время загрузки контента — заключительный этап, на котором страница загружается целиком вместе со всеми остальными CSS- и JS-файлами, изображениями и кнопками.

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

    Зачем нужно ускорять сайты

    Скорость загрузки влияет не только на UX (восприятие пользователями), но и на ранжирование в поисковых сетях. Рассмотрим подробнее.

    Если сайт грузится дольше 3 секунд:

    • Возрастают «отказы». Никто не любит ждать, особенно клиенты. Если вместо перечня и описания услуг, они видят белую страницу или не до конца прогрузившуюся структуру — большинство из них просто перейдут на другой сайт в первые 15 секунд. Это и называется «отказом».
    • Уменьшается конверсия. Конверсия — это соотношение числа посетителей, которые выполнили целевое действие (купить, подписаться, зарегистрироваться и т. п.), к общему числу пользователей, просмотревших страницу. Так, если за неделю на ваш блог зашло 400 человек, а на электронную рассылку подписались 15, конверсия будет 3,75% (15/400). Чем больше людей покинут страницу из-за низкой скорости, тем ниже будет эффективность.
    • Ухудшается позиция в выдаче. В числе многих факторов поисковики Яндекс и Google оценивают скорость загрузки сайта. Предпочтение отдаётся быстрым сайтам. Медленным же гораздо сложней попасть в топ-10 первых ссылок на странице поиска.

    Как узнать скорость загрузки сайта

    Определить скорость загрузки сайта можно по-разному:

    1. Проанализировать данные вкладки Network (Сеть) в консоли разработчика. Подробнее об этом способе мы рассказывали в статье Почему мой сайт работает медленно и что делать.

    2. Воспользоваться специальными сервисами Be1, PR-CY, Google PageSpeed.

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

    Откройте сайт с нескольких разных устройств с автономным соединением. Если на одном страница загрузилась быстро, а на другом — медленно, вероятно, дело не в самом сайте, а в скорости интернета.

    Также стоит помнить о том, что мобильная и полная (десктопная) версия сайта загружаются с разной скоростью. Если на компьютере всё открывается быстро, это не гарантирует того, что и на смартфоне будет то же самое. С учётом того, что всё больше людей сидят в интернете со смартфонов — скорости мобильной версии нужно уделить особое внимание.

    Как повысить скорость сайта

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

    • структура сайта;
    • HTTP-запросы;
    • размер CSS и JS;
    • изображения;
    • версия php;
    • кэширование;
    • gzip-сжатие;
    • хостинг.

    Разберём, как именно они влияют и как можно их улучшить.

    1. Структура сайта → оптимизировать

    Как говорилось выше, сначала сервер отдаёт браузеру HTML-страницу (структуру) и только потом загружает внешние файлы (изображения, стили, скрипты). Если в начале HTML-кода подключены другие файлы, они блокируют его загрузку. Сервер, встретив их, не может вернуться к ним позже, после того, как прогрузит структуру. Он начинает обрабатывать другие запросы — и в результате скорость загрузки снижается.

    Чтобы этого не происходило, начало кода должно содержать только те данные, которые нужны для первичной/основной прорисовки контента. Загрузку всех второстепенных внешних CSS и JS нужно отложить (разместить в конце кода).

    Это можно сделать вручную или с помощью плагинов WordPress.

    2. HTTP-запросы → сократить количество

    Каждый файл, из которого состоит код страницы, загружается с помощью отдельного HTTP-запроса. Чем их больше, тем медленнее работает сайт.

    Чтобы сократить количество файлов, их можно объединить. Для этого откройте любой текстовый редактор и последовательно вставьте код каждого файла в том порядке, в каком они влияют на контент. В идеале вместо большого количества отдельных .css- и .js-файлов, для каждой страницы должен быть один основной.

    3. CSS и JS → минимизировать

    Чем больше лишних незначительных элементов (пробелов, переносов строк) в коде, тем медленнее он загружается. Чтобы убрать их, можно воспользоваться онлайн-сервисами CSS Minifier, JavaScript Compression Tool и т. п. Просто загрузите файл, и инструменты автоматически очистят код от лишних знаков и таким образом оптимизируют их.

    4. Изображения → оптимизировать

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

    5. Версия php → обновить

    Если версия php, установленная для вашего сайта, устарела, это тоже может замедлять скорость обработки скриптов. Сейчас повсеместно используются 7.1–7.4. Узнать и изменить версию php на хостинге можно с помощью инструкции.

    6. Кэширование → включить

    Кэширование — позволяет экономить время на обработку запросов. Так, если оно включено, сервер просто отдаёт браузерам пользователей файлы из кэша, а не генерирует их каждый раз заново. Мы рассказывали о том, как включить кэширование с помощью плагинов WordPress и в файле .htaccess.

    7. Gzip-сжатие → настроить

    На хостинге REG.RU по умолчанию включено сжатие для статичных файлов. Подробнее о настройках gzip можно узнать в статье.

    8. Хостинг → увеличить тариф

    Иногда медленная загрузка сайта — сигнал того, что вы исчерпали возможности вашего тарифа. Если сайт популярен и его посещают тысячи пользователей, а вы используете тариф с низким CPU, сервер просто не справляется с обработкой запросов. Мы рекомендуем выбирать VIP-тарифы с максимальными параметрами CPU. Читайте о том, как изменить тариф, в инструкции.

    Как ускорить загрузку сайта на WordPress

    Если ваш сайт создан на CMS WordPress для оптимизации скорости загрузки можно использовать плагины. Они помогут улучшить некоторые моменты (например, настроить асинхронную загрузку скриптов) автоматически.

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

    Мы выбрали 2 популярных плагина, которые комплексно решают проблему скорости: PageSpeed Ninja и Autoptimize.

    Рассмотрим, как установить их в административной панели и что делать потом.

    1. 1. Откройте административную панель WordPress по инструкции.
    2. 2.

      Перейдите в раздел «Плагины» и нажмите Добавить новый:

    3. 3.

      В поиске справа введите название плагина: PageSpeed Ninja или Autoptimize и следуйте инструкции в нужной вкладке.

    PageSpeed Ninja

    Autoptimize

    1. 5.

      В разделе «Настройки» выберите PageSpeed Ninja:

    2. 6.

      Во вкладке «Общие» отображается оценка оптимизации десктопной и мобильной версии сайта, а также интерфейса. Чтобы настроить плагин более тонко, перейдите во вкладку «Дополнительно». Мы рекомендуем использовать пресет «Safe», чтобы обезопасить себя от критических изменений в структуре сайта:

    3. 7.

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

      • Gzip compression и Gzip compression in . htaccess
      • Caching in .htaccess
      • Caching, Experimental Caching и DNS Prefetch
      • Merge embedded styles → In head only
      • Minify CSS Method → RESS + CSSTidy
      • Minify style attributes, Cross-files optimization, Keep extra link tag attributes, Keep extra style tag attributes
      • Merge whitespaces, Remove default attributes, Remove IE conditionals
      • Cross-files optimization, Keep extra script tag attributes
      • Optimization (Images)

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

    1. 4.

      Нажмите Установить и Активировать:

    2. 5.

      В разделе «Настройки» выберите Autoptimize:

    3. 6.

      Откройте вкладку JS. CSS & HTML и отметьте галочкой Оптимизировать код JavaScript и сохраните изменения:

    4. 7.

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

    Готово, вы оптимизируете JS-скрипты и изображения. Это положительно отразится на скорости загрузки.

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

    Как ускорить работу сайта и улучшить конверсию: 19 способов – BYYD

    Задержка загрузки страницы на одну секунду — это на 11% меньше просмотров страниц, на 16% снижение удовлетворенности клиентов, 7% потери в преобразованиях посетителей в покупателей. Несколько дополнительных секунд могут оказать огромное влияние на способность вашего бренда привлекать посетителей и совершать продажи. Как ускорить работу сайта? Рассказываем.

    Почему это важно?

    Быстрый сайт необходим не только для ранжирования в Google и Яндекс, но и для поддержания стабильной прибыли.

    Медленные скорости убивают конверсии. На самом деле, 47% потребителей ожидают, что сайт загрузится за две секунды или меньше — и 40% откажутся от страницы, которая загружается за три или более секунды.

    Уже одно это огромный удар по вашим потенциальным конверсиям.

    И для посетителей, которые решили остаться, медленное время загрузки может повлиять на их отказ от сайта в будущем. В одном из опросов 79% клиентов заявили, что они не вернутся на сайт с низкой производительностью. В том же опросе 52% покупателей сказали, что быстрая загрузка страниц важна для их лояльности, а 44% — что рассказывают своим друзьям о негативном опыте взаимодействия с сайтом.

    В этом же опросе обнаружили, что одна секунда задержки может снизить удовлетворенность клиентов примерно на 16%.

    Как скорость сайта влияет на видимость и место в поиске?

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

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

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

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

    В результате мобильный пользовательский интерфейс теперь будет играть важную роль в рейтинге поиска — даже в результатах поиска через компьютеры.

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

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

    Почему сайт медленный?

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

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

    Давайте посмотрим на то, что считается хорошим временем загрузки.

    Что такое хорошее время загрузки страницы?

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

    Если опираться на Google, лучшая практика — 3 секунды. К сожалению, большинство сайтов далеки от этого идеала.

    При анализе 900 000 целевых страниц мобильных объявлений, охватывающих 126 стран, Google обнаружил, что 70% проанализированных страниц заняли почти 7 секунд для отображения визуального контента первого экрана.

    Среднее время полной загрузки мобильной целевой страницы составляет 22 секунды, но при этом 53% посещений отменяются, если загрузка мобильного сайта занимает больше трех секунд.

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

    Как ускорить работу сайта

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

    Хотя все эти советы могут помочь вам улучшить скорость вашего сайта, вам не нужно делать всё это сегодня и сразу.

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

    1. Минимизируйте HTTP-запросы

    80% времени загрузки веб-страницы тратится на загрузку различных частей страницы, таких как изображения, таблицы стилей и скрипты.

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

    Если вы используете Google Chrome, возьмите на вооружение инструменты разработчика браузера, чтобы увидеть, сколько HTTP-запросов делает ваш сайт.

    2. Сократите и объедините количество файлов

    Лучшее место для начала работы — это файлы HTML, CSS и JavaScript. Это чрезвычайно важные файлы, так как они определяют внешний вид вашего сайта.

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

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

    3. Используйте асинхронную загрузку для файлов CSS и JavaScript

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

    Скрипты, такие как CSS и JavaScript можно загружать двумя способами: синхронно или асинхронно.

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

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

    4. Отложите загрузку JavaScript

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

    Если сайт работает на WordPress, вы можете использовать плагин WP Rocket, чтобы включить отложенную загрузку JavaScript.

    Если у вас на сайте используют HTML, вам нужно будет поместить вызов внешнего файла JavaScript непосредственно перед тегом < / body>, который выглядит примерно так:

    5. Минимизируйте время до первого байта

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

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

    В отличие от многих интерфейсных факторов производительности, это проблема стоит на стороне сервера.

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

    • Поиск DNS
    • Обработка сервера
    • Ответ сервера

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

    Если вы используете инструменты разработчика, важно помнить, что на время ответа может повлиять подключение к интернету. Таким образом, чем медленнее ваше собственное соединение, тем медленнее будет отображаться ответ сервера.

    Если ваш TTFB находится в пределах 200 мсек — это хороший результат.

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

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

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

    Вы можете сократить время, включив кэширование, но об этом мы еще расскажем.

    6. Сократите времени ответа сервера

    Одним из самых главных факторов того, как быстро загружается ваша страница, является время поиска DNS.

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

    Таким образом, поиск DNS — это процесс поиска определенной записи. Представьте этот процесс так, будто ваш компьютер ищет номер в телефонной книге.

    Количество времени, которое занимает этот шаг, зависит от того, насколько быстро работает ваш DNS-провайдер. Если медленно, возможно, пришло время переключиться на более быстрого поставщика DNS.

    7. Выберите правильный вариант хостинга

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

    Можно выбрать один из вариантов

    • Общий Хостинг
    • VPS хостинг
    • Выделенный сервер

    Общий хостинг — самый дешевый вариант. С общим хостингом вы делитесь определенными ресурсами, такими как CPU, дисковое пространство и ОЗУ, с другими сайтами, размещенными на том же сервере.

    С хостингом VPS вы по-прежнему используете сервер с другими сайтами, но у вас есть собственные выделенные части ресурсов сервера.

    Если вам нужно больше места и вы хотите полностью контролировать свой хостинг, то необходим выделенный сервер. Это самый дорогой вариант.

    8. Включите сжатие

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

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

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

    И поскольку 90% сегодняшнего интернет-трафика проходит через браузеры, которые поддерживают Gzip, это отличная идея, как ускорить работу сайта.

    9. Включите кэширование браузера

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

    Способ настройки кэширования зависит от того, запускаете ли вы свой сайт с помощью WordPress или статического HTML.

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

    Если у вас есть статический HTML сайт, вы можете включить кэширование в вашем .htaccess файле, добавить строки кода, которые говорят браузерам, что кэшировать и как долго его хранить, код будет выглядеть примерно так:

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

    Как правило, статические ресурсы должны иметь срок службы кэша не менее недели. Сторонние ресурсы, такие как объявления или виджеты, хранят кэш не менее одного дня.

    10. Уменьшите размер изображений

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

    Но удалить их полностью — не вариант. Например, в одном из опросов посетителей коммерческих сайтов 66% потребителей заявили, что перед покупкой хотят увидеть как минимум три фотографии продукта.

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

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

    Фактически, в одном исследовании изменение размера 22 МБ изображений до 300 КБ привело к сокращению времени взаимодействия на 70%.

    11. Используйте CDN

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

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

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

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

    CDN или сеть доставки контента могут помочь устранить эти проблемы.

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

    13. Используйте внешние хостинговые платформы

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

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

    И что потом?

    Вашей первой мыслью может быть загрузка видео непосредственно на ваш сайт через FTP или WordPress редактор. Но так делать не стоит.

    Когда вы размещаете видео на своем сервере, они занимают кучу места. Видеофайлы могут легко занять более 100 МБ. Если вы используете общий сервер, у вас есть на нем ограниченное пространство. Видео может занять все место и превысить предел.

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

    Вместо этого разместите свое видео на стороннем сервисе, таком как YouTube, Vimeo или Wistia. А затем вставьте видео на свой сайт. Самая сложное — просто выбрать, какой из них вы хотите использовать.

    14. Создайте приоритеты для верхней части содержимого сайта («ленивая» загрузка)

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

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

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

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

    15. Уменьшите количество плагинов, которые вы используете на своем сайте

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

    Они также устраняют необходимость возиться с большим количеством кода.

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

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

    16. Сократите редиректы

    Перенаправления часто необходимы при перемещении и удалении страниц, и являются лучшим способом устранения проблем с ломаными ссылками.

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

    Вы можете начать с помощью сервиса Screaming Frog, чтобы быстро определить все редиректы в настоящее время на вашем сайте.

    17. Сократите внешние скрипты

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

    Хотя CSS и JavaScript-файлы часто являются основными виновниками дополнительных внешних скриптов, они не единственные — и устранение других также может повлиять на вашу скорость в лучшую сторону.

    18. Контролируйте скорость

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

    19. Мониторьте скорость мобильной страницы

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

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

    Вы можете начать с использования инструмента Google Test My Site для аудита скорости страницы. Для начала просто введите URL.

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

    Как возобновить и ускорить загрузку файлов на Android

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

    То же самое, что и на компьютере, мы устанавливаем менеджеров загрузки, таких как jDownloader, FlashGet или Internet Download Manager, и мы можем установить приложение на смартфон Android для поддержки загрузки файлов из сети. Благодаря этому мы сможем загружать файлы быстрее с помощью многопоточных загрузок, а также возможность остановки и возобновления загрузки.

    Мы устанавливаем диспетчер загрузки на Android

    В Play Store мы находим множество предложений для менеджеров загрузки. К сожалению, некоторые из них довольно проблематичны, медленны в работе, вообще не загружают файлы или недоступны на польском языке. Для этого рекомендуется использовать Advanced Download Manager (ADM)

    Загрузите Advanced Download Manager

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

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

    Android обнаружит, что в системе установлено дополнительное приложение, которое может загружать файлы. Отобразится экран с выбором приложения — мы укажем наш менеджер загрузки ADM.

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

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

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

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

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

    Время загрузки страницы имеет значение!

    Скорость сайта уже давно является фактором ранжирования Google. Патент Google на скорость сайта был выдан 4 февраля 2014 г. (патент США 8 645 362). После того, как мы сосредоточили внимание на времени загрузки страницы на компьютере, скорость мобильной страницы стала фактором ранжирования совсем недавно, в 2018 году, как часть «Обновления скорости» от Google. Ведущая поисковая система планирует завершить переход на первую мобильную индексацию к марту 2021 года. Поэтому сейчас как никогда важно уделять пристальное внимание скорости загрузки вашей мобильной страницы.

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

    Согласно исследованиям Google и Deloitte, повышение скорости загрузки страницы на 0,1 секунды может повысить коэффициент конверсии на 8%.

    53%

    53% пользователей возвращаются после 3-секундной задержки на мобильных устройствах

    70%

    Более быстрые сайты имеют продолжительность сеанса до 70% дольше

    35%

    У быстрых веб-сайтов показатель отказов в среднем на 35% ниже

    Другое исследование Google показало, что 53% веб-пользователей покидают сайты с задержкой более трех секунд на мобильных устройствах.При сравнении более быстрых мобильных веб-сайтов с более медленными в исследовании выяснилось, что средняя продолжительность сеанса на более быстрых сайтах была на 70% больше, а показатель отказов — на 35%. Более быстрые мобильные сайты приносили почти вдвое больший доход по сравнению с сайтами, для которых требовалось больше времени для загрузки.

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

    Google Core Web Vitals (CWV)

    «Web Vitals» — это инициатива Google, которая предоставляет рекомендации по сигналам качества, которые указывают на «хорошее» качество сайта.

    Core Web Vitals — это подмножество Web Vitals. Каждый из Core Web Vitals представляет собой один элемент взаимодействия с пользователем. Каждый показатель измеряется с помощью любой действующей веб-страницы («Мониторинг реального пользователя») и определяет ориентированные на пользователя результаты, связанные со временем загрузки страницы и ее доступностью. Кроме того, Google заявил, что Core Web Vitals со временем станет основным фактором ранжирования.

    Ожидайте, что определенные Google Core Web Vitals будут развиваться и меняться со временем. Однако на момент написания этой статьи Google в основном фокусировался на следующих трех показателях взаимодействия с пользователем:

    Если вы хотите полностью погрузиться в исследования и методологию, лежащую в основе Core Web Vitals от Google, прочтите статью Google «Определение пороговых значений показателей Core Web Vitals.В статье рассматриваются другие важные показатели скорости страницы, такие как время до первого байта (TTFB) и первая отрисовка содержимого (FCP), которые помогают выявить проблемы с медленным временем отклика сервера или ресурсами, блокирующими рендеринг.

    Как улучшить время загрузки страницы

    Хотите узнать, как повысить производительность веб-сайта, но не знаете, с чего начать? Не беспокойтесь, мы вас прикрыли. Вот 12 рычагов оптимизации скорости веб-сайта, которые помогут улучшить производительность веб-сайта, улучшить пользовательский опыт и повысить ваш рейтинг в SEO.

    Хотите выйти за рамки скорости страницы? Прочтите наш полный контрольный список SEO!

    1. Настройте быструю инфраструктуру или используйте быстрый хост

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

    2. Используйте CDN

    Хотите узнать, как ускорить загрузку веб-страницы? Сократите расстояние, которое должна проходить информация между вашим сервером и конечным пользователем. Имеет смысл, правда? Самый простой способ сделать это — использовать CDN. Сеть доставки контента (CDN) — это географически распределенная группа серверов (также известная как POP). Они работают в тандеме, чтобы быстрее доставлять ваш веб-контент. Независимо от того, использует ли ваш сайт HTML, JavaScript, таблицы стилей, изображения или видео, CDN — отличный способ повысить скорость сайта.

    3. Используйте Gzip для сжатия файлов

    GZip — это форма сжатия данных на стороне сервера, которая помогает сократить время загрузки страницы. Другими словами, он принимает набор данных и уменьшает его для более упорядоченной и эффективной доставки на компьютер пользователя. Сжатие Gzip уменьшает размер ваших файлов HTML, таблиц стилей и JavaScript. Обратите внимание, это не работает с изображениями или видео, поскольку они уже сжаты отдельно.

    Хорошая новость заключается в том, что в основных CDN по умолчанию включено сжатие GZip, поэтому, пока вы используете CDN, ваш веб-сайт, скорее всего, уже охвачен.

    4. Уменьшите количество HTTP-запросов

    Высокоэффективный метод сокращения времени загрузки страницы — это уменьшение количества HTTP-запросов, которые страница делает. Когда кто-то посещает веб-страницу, браузер проверяет связь с веб-сервером, запрашивая файлы, составляющие содержимое страницы. Когда сервер отвечает запрошенными файлами, браузер затем отображает контент на странице. Браузер выполняет отдельный HTTP-запрос для каждого файла, содержащего содержимое страницы. Чем больше файлов на странице, тем больше HTTP-запросов и, следовательно, тем дольше загружается ваша веб-страница.

    5. Минимизируйте CSS и JavaScript

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

    6. Оптимизируйте свой HTML

    Оптимизируйте свой HTML-код, чтобы ускорить работу сайта.Раздутый HTML увеличивает объем данных, передаваемых пользователям. Это также может повлиять на производительность JavaScript при манипулировании DOM. Если вы обнаружите, что ваши HTML-страницы содержат 5 000 или 6 000 строк кода перед любым содержанием на странице (да, это действительно происходит, даже среди компаний из списка Fortune 500), вы смотрите на раздутый HTML.

    7. Оптимизация изображений для ускорения загрузки страницы

    Что является одним из наиболее частых виновников медленных веб-сайтов?

    Изображений! Действительно очень большие изображения.Мы видели некоторые веб-сайты с изображениями размером более 1 МБ, а другие — более 5 МБ. Ой! Не делай этого. Большие файлы изображений резко замедляют скорость вашей целевой страницы, а также заставляют посетителей ждать (часто расстраиваясь).

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

    8. Очистите медиатеку

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

    9. Очистите базу данных

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

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

    Повышение выручки на 30,2% за счет технического SEO Terakeet помог интернет-магазину увеличить органический доход на 30,2% в годовом исчислении в течение 15 недель.

    10. Удалите JavaScript, блокирующий рендеринг.

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

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

    Чтобы решить эту проблему, настройте JavaScript, блокирующий рендеринг, на асинхронную загрузку или удалите неиспользуемые или неважные скрипты (или неиспользуемые части ваших ресурсов JavaScript).

    Заголовки

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

    Expires Заголовки сокращают количество загрузок с сервера для повышения скорости страницы.

    Современные веб-сайты часто содержат несколько десятков файлов на странице.Каждый файл сам по себе увеличивает время загрузки, особенно для больших файлов. Но, кроме того, для передачи каждого файла требуется запрос к серверу, что также увеличивает время процесса. Заголовки Expires сообщают браузеру, как долго хранить файл в кеше, чтобы при последующих посещениях страницы с того же компьютера можно было обходить новые загрузки и HTTP-запросы.

    12. Избегайте перенаправления URL-адресов

    Перенаправление URL-адреса — это инструкция или метод, который автоматически переводит пользователя с одного URL-адреса на другой.Есть разные способы реализовать перенаправление. Редирект 301 — это метод, используемый для сохранения SEO-ценности страницы пересылки. Но независимо от типа перенаправления этот процесс замедляет скорость вашей страницы, так как требуется время, чтобы перейти от одного файла к другому. Поэтому старайтесь по возможности избегать или минимизировать количество перенаправлений URL-адресов.

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

    Чтобы проверить время загрузки ваших веб-страниц, воспользуйтесь одним из следующих бесплатных онлайн-инструментов.Многие из этих инструментов аналитики Pagespeed также имеют платные версии. Однако наш обзор сосредоточен на их бесплатных предложениях, где требуется только URL-адрес.

    Тест скорости веб-сайта Pingdom

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

    WebPageTest

    WebPagetest — это инструмент, который находится в стадии активной разработки на GitHub и также доступен для загрузки, если вы хотите запустить свой собственный экземпляр.Вы можете проверить время загрузки страницы из десятков мест по всему миру. Кроме того, вы можете сравнивать страницы и страницы.

    Google PageSpeed ​​Insights

    Google PageSpeed ​​Insights — это основной инструмент Google для оценки скорости страницы на мобильных устройствах и настольных компьютерах соответственно. Бесплатный инструмент также предоставляет разбивку по производительности страницы на основе Core Web Vitals от Google.

    Маяк

    Lighthouse — это инструмент с открытым исходным кодом, используемый для аудита производительности веб-страниц, доступности, прогрессивных веб-приложений, SEO и многого другого.Google рекомендует использовать рабочий процесс Chrome DevTools, а не расширение Chrome, потому что рабочий процесс DevTools позволяет тестировать аутентифицированные страницы и локальные сайты.

    GTmetrix

    GTmetrix использует Google PageSpeed ​​Insights и YSlow! чтобы оценить время загрузки вашей страницы, с тестовой площадкой в ​​Ванкувере, Канада, с использованием Chrome (Desktop). Уникальной особенностью GTmetrix является возможность сравнивать производительность страницы с предыдущими тестами той же страницы.

    BrowserStack SpeedLab

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

    Тест скорости веб-сайта Dotcom-Monitor

    Тест скорости веб-сайта Dotcom-Monitor позволяет вам проверять скорость вашей веб-страницы одновременно из 25 разных мест, а также дает вам возможность выбрать браузер. Инструмент возвращает результаты не только для первого, но и для второго посещения.

    Тест скорости бесплатного веб-сайта Uptrends

    Uptrends Free Website Speed ​​Test включает варианты тестирования из 11 мест.Кроме того, вы можете выбрать браузер, регулировку полосы пропускания, размер экрана (рабочий стол) и устройство (мобильное устройство).

    Корпоративное SEO для крупных брендов Научитесь доминировать в категории товаров или услуг в обычном поиске. Какое время загрузки страницы хорошее?

    Согласно Google, веб-сайты должны загружаться менее чем за две секунды.

    Как долго в среднем человек ждет загрузки страницы?

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

    Как вы измеряете скорость страницы?

    Скорость страницы — это не единичный показатель. Вместо этого это комбинация нескольких факторов, которые количественно определяют, насколько быстро страница выглядит и воспринимается пользователем. К ним относятся:
    Крупнейший Contentful Paint (LCP) , который измеряет производительность загрузки и должен произойти в течение 2,5 секунд после первого начала загрузки страницы.
    Задержка первого входа (FID) , которая измеряет время до интерактивности и должна составлять менее 100 миллисекунд.

    3 простых совета по увеличению скорости загрузки страницы вашего веб-сайта

    Быстро загружающийся веб-сайт становится все более важным фактором как для взаимодействия с пользователем (UX), так и для поисковой оптимизации (SEO).

    Сегодняшний пользователь ожидает, что веб-сайт будет загружаться быстро, а те, которые не загружаются, скорее всего, испытают в результате негативные последствия. Aberdeen Group провела исследование, которое показало, что задержка загрузки страницы в одну секунду приводит к уменьшению количества просмотров страниц на 11%, снижению удовлетворенности клиентов на 16% и снижению конверсии на 7%.Google также указал, что скорость загрузки сайта является одним из сигналов, используемых его алгоритмом для ранжирования страниц.

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

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

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

    Уменьшить размер файла всех медиаресурсов

    • Правильно изменяйте размер изображений — Мы часто видели, что клиенты совершали ошибку, загружая полноразмерные 12-мегапиксельные изображения без предварительного изменения размера.Не загружайте изображение шириной 6000 пикселей, если оно будет отображаться с разрешением 500 пикселей. Принимая во внимание сетчатку (2x), убедитесь, что размер фотографий соответствует параметрам дизайна.
    • По возможности придерживайтесь JPG — JPG — это формат сжатого изображения, который поддерживает целостность изображения, не тратя лишнего места. Поэтому для подавляющего большинства приложений предпочтительнее формат JPG. Вы должны использовать PNG только тогда, когда необходима прозрачность. Избегайте одновременного использования форматов TIFF и BMP.
    • Сжать все фотографии — Даже фотографии с соответствующим размером все равно будут больше файлов, чем они должны быть. Убедитесь, что все фотографии сжаты, так как сжатие может значительно уменьшить размер файла без значительного ущерба для качества изображения. На базовом уровне вы можете экспортировать из Photoshop (или другого графического инструмента), используя опцию «Сохранить для Интернета». Мы большие поклонники Imagify из-за его полной интеграции в WordPress. В Интернете также есть множество инструментов для сжатия изображений, которые вы также можете использовать.
    • Сжать все видео — Видео — особенно видео высокой четкости — потенциально может значительно снизить скорость. Обязательно сжимайте каждое видео с помощью инструмента сжатия видео, такого как Handbrake.
    • Встраивание с использованием платформы видеохостинга 3 rd . — Также неплохо встраивать видео с помощью платформы видеохостинга 3 rd , такой как Vimeo или Wistia, чтобы снизить влияние на пропускную способность вашего хостинг-сервера.

    Ограничить количество общих активов на каждой странице

    Имейте в виду, что чем больше изображений и видео вы разместите на каждой странице, тем больше времени потребуется для загрузки.Важно помнить об общем «размере» ресурсов каждой страницы. Такие функции веб-сайта, как слайдеры (или карусели), фоновые видеоролики, большие изображения и фоновые текстуры могут добавить интерес к веб-сайту, но они также увеличивают скорость загрузки страницы. Постарайтесь найти здоровый баланс между визуальной эстетикой и пользовательским опытом.

    2. Используйте плагин кэширования, скорости страницы

    Существует множество факторов, влияющих на скорость загрузки страницы веб-сайта, но многие из них просто выходят за рамки компетенции среднего маркетолога.К счастью, существует множество полезных плагинов или модулей (в зависимости от вашей CMS), которые могут помочь с технической тяжелой работой. Кэширование страниц — еще один способ сократить время загрузки страницы. Кэшированные страницы обслуживаются как статические HTML-версии определенной страницы, чтобы избежать длительных запросов к базе данных вашего веб-сайта. Кэшированная веб-страница загружается намного быстрее — при этом нагрузка на сервер снижается до 80%. Пользователи WordPress могут легко установить один из многих популярных плагинов кэширования страниц, таких как W3 Total Cache.

    Надежное решение для скорости страницы для веб-сайтов WordPress, таких как WP Rocket, может не только обрабатывать кеширование страниц (заменяя необходимость в плагине, таком как W3 Total Cache), но и множество других методов оптимизации скорости страницы, таких как:

    • Включение кеширования браузера
    • Ленивая загрузка изображений и видео
    • Минификация ресурсов (HTML, CSS, JS)
    • Удаление строк запроса из статических ресурсов
    • Объединение файлов (шрифты Google, CSS, JS)
    • Оптимизация базы данных
    • Асинхронная загрузка файлов CSS
    • Загрузка файлов JS отложена

    Примечание. Несмотря на то, что в решении для скорости страницы, таком как WP Rocket, доступно множество опций, имейте в виду, что существуют потенциальные риски.Отключите параметры, если вы заметили на своем веб-сайте какие-либо визуально неработающие элементы.

    3. Обновите свой пакет веб-хостинга

    Качество вашего пакета веб-хостинга может существенно повлиять на скорость загрузки страницы вашего веб-сайта — как положительную, так и отрицательную. Особенно для более крупных и ресурсоемких веб-сайтов, а также веб-сайтов, генерирующих много трафика. Хотя использование недорогой платформы общего (или сетевого) хостинга может быть заманчивым, инвестирование в высокопроизводительный VPS, управляемую или выделенную платформу веб-хостинга должно быть приоритетом.Эти пакеты часто используют гораздо более быстрые технологические стеки, а также содержат выделенные ресурсы и множество важных опций для точной настройки вашего сервера.

    Другие советы по ускорению вашего сайта

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

    • Минимизируйте HTTP-запросы — Это сводится к мельчайшим деталям веб-разработки, но уменьшает общее количество частей веб-страницы (таких как изображения, сценарии и т. Д.)), которые необходимо загрузить, может сократить время загрузки страницы.
    • Включить сжатие Gzip — Gzip сжимает ваши веб-страницы и таблицы стилей перед их отправкой в ​​браузер. Это уменьшает размер страницы до 70%, что также может значительно сократить время передачи.
    • Использование CDN (сеть доставки контента) — Использование CDN может повысить скорость вашего сайта за счет размещения файлов веб-сайта в большой сети серверов по всему миру. Это позволяет пользователям загружать файлы с серверов, которые находятся рядом с ними, а расширение полосы пропускания сокращает время загрузки страницы.
    • Настройка параметров сервера — Серверное программное обеспечение (например, Apache) не всегда достаточно настроено для оптимальной работы веб-сайта. Проконсультируйтесь со своим хостинг-провайдером о том, как лучше всего «настроить производительность» вашего сервера для вашего веб-сайта и системы управления контентом (CMS).

    Тим Азимос
    Партнер и директор по цифровым технологиям и развитию

    Тим — синдицированный блоггер и востребованный спикер в национальном масштабе, делающий глубокие взгляды на современный маркетинг и необычные взгляды, почерпнутые из почти 20-летнего опыта работы в сфере B2B и A / E / C.

    22 простых совета по ускорению вашего веб-сайта и увеличению конверсии

    В 2006 году Amazon сообщила, что каждые 100 миллисекунд, которые они ускоряют свой веб-сайт, они видят увеличение дохода на 1%. Затем Google объявил, стремясь улучшить Интернет, что скорость загрузки страниц является фактором ранжирования результатов поиска.

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

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

    Один из способов — использовать WhichLoadsFaster для сравнения скорости загрузки вашего сайта со скоростью загрузки всех ваших основных конкурентов. Стремитесь быть самым быстрым из всех.

    Другой способ — использовать следующие рекомендации:

    Менее 1 секунды = идеально
    1-3 секунды = выше среднего
    3-7 секунд = среднее
    7+ секунд = очень плохо

    Эти тесты основаны на исследованиях, показывающих, что 47% людей ожидают, что веб-страница загрузится менее чем за две секунды, а 57% посетителей покинут страницу, загрузка которой занимает 3 секунды или более.

    Так как же работал этот сайт до того, как я описал все в этом посте?

    Сайт Venture Harbour был неплохим со скоростью загрузки страницы 1,61 секунды, но очевидно, что есть возможности для улучшения. Домашняя страница выполняла 64 запроса и занимала более 3 Мбайт, что довольно много и во многом было вызвано загрузкой большого количества JS-файлов из плагинов, которые даже не использовались.

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

    Итак, как вы можете таким образом ускорить свой сайт? Начнем с того, что имеет наибольшее влияние.

    # 1 Используйте CDN (сеть доставки контента)

    Размещение ваших медиафайлов в сети доставки контента — один из лучших способов ускорить работу вашего сайта, который часто позволяет сэкономить до 60% полосы пропускания и сократить вдвое количество запросов. ваш сайт делает.

    CDN работают, размещая ваши файлы в большой сети серверов по всему миру.Когда пользователь посещает ваш сайт из Таиланда, он загружает файлы с ближайшего к нему сервера. Поскольку полоса пропускания распределяется между множеством разных серверов, она снижает нагрузку на любой отдельный сервер, а также защищает ваши сайты от DDoS-атак и скачков трафика.

    Мы протестировали несколько CDN в Venture Harbor, включая MaxCDN, Cloudwatch, Static DNA и Cloudflare. Cloudflare — наш фаворит (и для начала бесплатен).

    # 2 Используйте WP Engine

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

    9/10 протестированных мной веб-хостов имели время отклика от 600 мс до 1300 мс. Время ответа сервера WP Engine составило 293 мс. Да, это не самое дешевое решение для веб-хостинга (они начинаются с 29 долларов в месяц), но это одна из немногих хостинговых компаний, которая действительно оправдывает свою цену. Фактически, если бы я мог вернуться на 5 лет назад и сделать что-то по-другому, я бы начал использовать WP Engine раньше, поскольку это не только значительно ускорило наши сайты, но и улучшило безопасность и рабочий процесс, избавив нас от многих головных болей.

    Смена веб-хостинга не может быть тем, что вы можете сделать менее чем за 45 минут, но это может иметь больший эффект, чем все «настройки», указанные ниже, вместе взятые. Мой совет? Если вы пользуетесь услугами посредственного или некачественного веб-хостинга, прекратите читать, начните с такого хоста, как WP Engine, и вернитесь позже, если у вас все еще есть проблемы со скоростью страницы.

    # 3 Используйте плагин кеширования

    Если вы используете WordPress, один из самых быстрых и простых способов снизить скорость загрузки страницы — это установить плагин кеширования, например WP Total Cache или WP Super Cache.Конечно, если вы используете WP Engine, вы можете пропустить этот пункт, поскольку у них есть встроенное кеширование.

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

    # 4 Добавьте заголовки Expires для использования кеширования браузера

    Если вы не используете WordPress или не хотите устанавливать другой плагин для добавления заголовков Expires и кеширования браузера, вот как это реализовать вручную.

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

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

    # 5 Используйте хорошую тему (если используете WordPress)

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

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

    Сегодня проблема не лучше и не хуже, чем пять лет назад. Когда я начинал заниматься SEO, дизайнеры все еще использовали флеш и другие примитивные технологии для создания сайтов.Сегодня дизайнеры создали темы WordPress с таким количеством наворотов, что неудивительно, что на их загрузку уходит 10 секунд.

    # 6 Сжимайте изображения с помощью WP Smush.it

    Если вы используете WordPress, установите плагин WP Smush.it для автоматического сжатия изображений. Это уменьшит размер ваших изображений без потери визуального качества. Самое замечательное в этом плагине то, что он работает в фоновом режиме каждый раз, когда вы загружаете новое изображение. Вы также можете запустить его ретроспективно для всех изображений, загруженных в вашу медиатеку.

    # 7 Очистите вашу базу данных

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

    После запуска этого в базе данных Venture Harbour мне удалось уменьшить базу данных с 5 МБ до 3 МБ, что помогает сократить время, необходимое браузеру для сбора и возврата файлов из базы данных.

    # 8 Сжимайте свой веб-сайт с помощью gzip

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

    Вы можете включить Gzip, просто добавив следующий код в ваш.htaccess файл:

      # сжатие текста, html, javascript, css, xml:
    AddOutputFilterByType DEFLATE текст / простой
    AddOutputFilterByType DEFLATE text / html
    AddOutputFilterByType DEFLATE текст / xml
    AddOutputFilterByType DEFLATE text / css
    AddOutputFilterByType DEFLATE application / xml
    AddOutputFilterByType DEFLATE application / xhtml + xml
    AddOutputFilterByType DEFLATE application / rss + xml
    AddOutputFilterByType DEFLATE application / javascript
    AddOutputFilterByType DEFLATE application / x-javascript
    
    # Или сжимайте файлы определенных типов по расширению:
    
    SetOutputFilter DEFLATE  

    Чтобы проверить, включен ли Gzip или правильно ли он работает на вашем сайте, вы можете использовать Gziptest.com.

    # 9 Исправьте все неработающие ссылки

    Неработающие ссылки не только истощают пропускную способность, но и являются одним из самых надежных способов заставить пользователя покинуть ваш сайт. У одного из наших клиентов недавно было несколько сотен ошибок 404, отображаемых в Инструментах Google для веб-мастеров. После исправления всего этого среднее количество страниц, посещаемых одним пользователем, увеличилось с 1,4 до 1,85 страниц за посещение, а также произошло заметное снижение показателя отказов.

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

    Чтобы определить ваши неработающие ссылки, я бы рекомендовал использовать следующие (бесплатные) инструменты:

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

    # 10 Уменьшение количества перенаправлений

    Хотя 301 (постоянное) перенаправление предпочтительнее, чем 404 ошибки (неработающие ссылки), они все еще не идеальны, поскольку замедляют время, необходимое браузеру для достижения правильной версии страницы. .

    Screaming Frog снова стал отличным инструментом для обнаружения 301 редиректа. Если вы используете ПК, вы также можете использовать Xenu Link Sleuth, который является отличным инструментом для сканирования данных с веб-сайтов.

    # 11 Минимизируйте файлы CSS и JS

    Если вы посмотрите, что вызывает медленную загрузку ваших страниц, есть вероятность, что это как-то связано с большим количеством неуклюжих файлов Javascript или неэффективной загрузкой CSS. Одна из ловушек WordPress и других систем управления контентом заключается в том, что новый файл JS или CSS добавляется практически каждый раз, когда вы устанавливаете новый плагин.

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

    Второй аспект минимизации заключается в удалении пробелов и уменьшении размера файлов. Если вы используете WordPress, WP Minify — отличный плагин, который автоматически сделает все это за вас.

    # 12 По возможности замените PHP статическим HTML.

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

    # fws_5f1ab1d8c6c2f picture> img {position: absolute; top: 0; left: 0; width: 100%; height : 100%; z-index: -1; размер объекта: крышка; радиус границы: 8 пикселей;

    }

    @media (min-width: 700px) {

    # fws_5f1ab1d8c6c2f {width: 120%; transform: translateX (-10%)}

    # fws_5f1ab1d8c6c2f .widget-content {display: grid; grid-gap: 2em; grid; grid -template-columns: 220px auto}}

    # fws_5f1ab1d8c6c2f.widget-content img {display: block; max-width: 100%; border-radius: 5px}]]>

    Быстрое принятие эффективных маркетинговых решений

    Выстраивайте, планируйте и отслеживайте свой маркетинг в одном месте, а не во всем место, с нашим последним предприятием TrueNorth.

    Посетите TrueNorth.io

    # 13 Свяжите свои таблицы стилей, не используйте @import

    Как и в предыдущем пункте, @import использует больше ресурсов, чем прямая ссылка на ваши таблицы стилей, несмотря на достижение точно такого же результата.Еще одна причина, по которой не следует использовать @import, заключается в том, что некоторые из старых браузеров не поддерживают его, поэтому по возможности лучше избегать его.

    # 14 Отключить пинг-бэки и трекбэки в WordPress

    Пингбэки и трекбэки на самом деле не имеют практического применения в WordPress, и тем не менее они часто включены по умолчанию. Я бы порекомендовал отключить оба эти параметра, поскольку они засоряют вашу базу данных и увеличивают количество выполняемых запросов.

    # 15 Включить Keep-Alive

    HTTP Keep Alive — это сообщение, которое отправляется между клиентским компьютером и веб-сервером с просьбой разрешить загрузку файла.Включение Keep Alive позволяет клиентскому компьютеру загружать несколько файлов без повторного запроса разрешения, что помогает сэкономить полосу пропускания.

    Чтобы включить Keep Alive, просто скопируйте и вставьте приведенный ниже код в свой файл .htaccess.

      
        Набор заголовков Поддерживает активность соединения
      

    # 16 Укажите размеры изображения

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

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

    # 17 Укажите набор символов в заголовках HTTP

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

    Вы можете сделать это, просто добавив тег набора символов UTF-8 в раздел своего веб-сайта.

    # 18 Поместите CSS вверху, а JS внизу.

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

    # 19 Отключить хотлинкинг изображений

    Когда «горячая ссылка» другого веб-сайта на ваши изображения крадет пропускную способность, замедляя работу вашего сайта.http (s)?: // (www.)? ventureharbour.com [NC] RewriteRule. (Jpg | jpeg | png | gif) $ — [NC, F, L]

    # 20 Отключите все плагины, которые вы не используете

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

    # 21 Минимизация времени приема-передачи (RTT)

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

    Чтобы уменьшить количество запросов, используйте спрайты CSS, чтобы вызывать меньше изображений, уменьшать и комбинировать файлы JS и CSS и не вызывать ничего, что вам не нужно. Одна из моих самых больших проблем с WordPress заключается в том, что плагины, которые необходимы только на определенных страницах, такие как Disqus или Contact Form 7, обычно вызываются на каждой странице, что создает ненужные запросы.Уменьшение количества ненужных запросов уменьшит ваши RTT.

    # 22 Используйте CSS-спрайты

    Спрайт — это одно большое изображение, которое содержит все ваши изображения. Они похожи на те наборы наклеек, которые вы получали с сотней наклеек на одном листе. Используя CSS, вы можете «скрыть» все на изображении, кроме участка между набором координат.

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

    Самый быстрый способ использовать CSS-спрайты — использовать SpriteMe, инструмент, который позволяет легко превращать все ваши изображения в CSS-спрайты.

    Почему скорость загрузки страниц сейчас важнее, чем когда-либо прежде

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

    Изображение предоставлено: Лен Мэтьюз

    10 способов ускорить загрузку вашего сайта

    Интернет-покупатели ищут самый быстрый и безопасный способ добраться до вашего продукта. Согласно опросу Akamai Technologies, 47% потребителей ожидают, что страница загрузится за 2 секунды или меньше. Вот десять способов поддерживать скорость вашего веб-сайта на стандартном уровне:

    1. Создайте собственную сеть доставки контента (CDN) . Набор глобальных серверов совместно использует статические файлы веб-сайта, такие как CSS или JavaScript, и доставляет их с сервера, ближайшего к физическому местоположению пользователя.Другими словами, когда пользователь нажимает на видео, файл загружается быстрее, поскольку он распространяется с расположенного поблизости сервера. На более крупных веб-сайтах реализуются сети CDN, чтобы посетители во всем мире имели гораздо более доступный и быстрый опыт.
    2. Использовать адаптивные изображения. Согласно HTTP-архиву, 61 процент веса страницы веб-сайта на настольном компьютере составляют изображения. Начните с использования на своем веб-сайте таких инструментов, как Picturefill или Adaptive Images, чтобы сэкономить трафик и повысить скорость загрузки страниц для вашего сайта.Другой вариант — использовать новые форматы изображений, такие как WebP и JPeg XR, — это может помочь снизить вес изображения на 20–50 процентов без ущерба для качества изображения.
    3. Кэш, кеш, кеш . Кэширование в браузере хранит кешированные версии статических ресурсов, процесс, который значительно увеличивает скорость загрузки страниц и сокращает задержку сервера. Когда пользователь посещает страницу вашего веб-сайта, обычно отображается кэшированная версия, если она не изменилась с момента последнего кэширования. Это означает, что браузер сохраняет много запросов к вашему серверу и увеличивает скорость загрузки вашего сайта.
    4. Оцените свои плагины . Плагины могут привнести новые функции и возможности на ваш сайт, но чем больше плагинов на вашем сайте, тем больше времени требуется для загрузки. Плохие или устаревшие плагины могут значительно снизить производительность веб-сайта, что можно исправить, удалив плагины, которые дублируют функциональность, устарели или больше не используются.
    5. Объединение изображений в спрайты CSS . Если у вас есть несколько изображений на странице, вы заставляете несколько циклов обращения к серверу, чтобы обеспечить безопасность всех ресурсов, что снижает скорость загрузки страницы.Спрайты объединяют все фоновые изображения на странице в одно изображение, что означает, что все изображения появляются при загрузке основного «спрайта». Это снижает вероятность мерцания изображений и делает работу пользователей более плавной.
    6. Включить заголовки ответа HTTP . HTTP-запросы просты: они захватывают один файл, распространяют и закрывают. Тем не менее, этот процесс не всегда бывает быстрым. Keep-alive позволяет веб-браузеру и серверу соглашаться использовать одно и то же соединение для захвата и отправки нескольких файлов.Другими словами, сервер удерживает соединение открытым, пока пользователь находится на сайте, вместо того, чтобы открывать новое соединение с каждым запросом, уменьшая нагрузку на процессор, сеть и память.
    7. Сжимайте содержимое. Вы ​​можете значительно сжать свой контент, чтобы повысить производительность своего веб-сайта. Популярные веб-серверы, такие как Apache и IIS, используют алгоритм сжатия GZIP, чтобы делать это автоматически в HTML, CSS и JavaScript. В Интернете есть даже сервисы компрессора, которые удаляют ненужные пробелы и символы в вашем коде HTML и CSS.
    8. Настроить заголовки с истекшим сроком действия. Когда пользователь посещает ваш веб-сайт, файлы веб-сайта сохраняются на его компьютере, поэтому ваш веб-сайт загружается быстрее для них при следующем посещении. В заголовке файла указана дата истечения срока, которая определяет, как долго эти файлы будут храниться на их компьютере, который по умолчанию обычно составляет 24 часа. Вы можете настроить заголовок expires, чтобы файлы никогда не истекали по тайм-ауту, или вы можете увеличить дату истечения срока, чтобы это не повлияло на ваш сервер и время загрузки страницы.
    9. Минимизируйте JavaScript и CSS . Удалив ненужные разрывы строк, лишнее пространство и т. Д., Вы ускорите синтаксический анализ, загрузку и выполнение. Эта простая задача может вырезать байты данных с вашей страницы, и каждый бит имеет значение. Такие инструменты, как CSS Minifier / Compressor, могут быть очень полезны в этом отделе.
    10. Переместите свой веб-сайт на наше новое управляемое решение WordPress . Если вы выполнили эти предыдущие шаги, но ваш веб-сайт по-прежнему загружается медленно, возможно, вам стоит подумать о новом пакете хостинга.К счастью для вас, у нас есть только решение.

      Этим летом (июль 2020 года) мы выпустили наше новое управляемое решение WordPress, разработанное с единственной целью — предоставить лучшее в отрасли управляемое решение WordPress — с конкретной целью повышения скорости клиентского веб-сайта.

      Мы предлагаем месяц № 1 совершенно бесплатно (это означает, что мы не будем снимать средства с вашей кредитной карты до 30 дней).

      Мы также полностью, на 100% бесплатно перенесем ваш веб-сайт (или несколько веб-сайтов!) С вашего текущего хостинг-провайдера на новое решение — позаботившись о процессе сквозной миграции за вас.

      Ознакомьтесь с новым решением, щелкнув рисунок ниже!

    8 советов по ускорению загрузки страниц: как ускорить время загрузки веб-страницы

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

    Как можно ускорить загрузку веб-страницы?

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

    Вот восемь способов ускорить загрузку веб-страницы:

    • Удалить ненужные плагины
    • Используйте CDN для ускорения загрузки веб-сайта
    • Оценка пропускной способности и хранилища
    • Использовать формат изображения WebP
    • Устранение ресурсов, блокирующих рендеринг
    • Используйте автоматическую оптимизацию платформы Cloudflare
    • Создание ускоренных мобильных страниц
    • Оптимизируйте изображения перед загрузкой

    Удалить ненужные плагины

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

    — Даниэль Ганон, Markitors

    Используйте CDN для ускорения загрузки веб-сайта

    CDN (сеть доставки контента) работают, размещая медиафайлы в большой сети серверов по всему миру. Это один из лучших способов ускорить загрузку веб-страницы. Это может уменьшить количество запросов, которые делает веб-сайт, и сэкономить до 60% пропускной способности.С CDN вы кэшируете свой сайт в глобальной сети серверов. Например, если посетитель из Канады заходит на ваш сайт, его браузер может загружать файлы с ближайшего сервера. CDN может не только ускорить время загрузки, но и защитить веб-сайты от сетевых атак. Я очень рекомендую это!

    Даррен Дин, WipeLock

    Оценка пропускной способности и хранилища

    Ускорение сервера помогает ускорить время загрузки веб-страницы. При использовании Core Web Vitals от Google медленный сервер является распространенной проблемой из-за того, что не удается пройти оценку Largest Contentful Paint (LCP).Чтобы оценить, достаточно ли вашего сервера, оцените пропускную способность и хранилище. Если вы используете план хостинга с общим сервером, вы можете рассмотреть возможность перехода на выделенный сервер в зависимости от вашего использования, чтобы повысить производительность сервера.

    -JJ Hepp, Arrow Lift

    Использовать формат изображения WebP

    Самыми популярными форматами изображений являются JPEG и PNG, но этот формат WebP был разработан самим Google в 2010 году. Он обеспечивает сжатие без потерь и повышает скорость вашей веб-страницы и общую производительность по сравнению с любым другим форматом изображений.Если вам сложно переключить полосу производительности Google Pagespeed Insights на зеленый (выше 80), то переход на формат WebP может открыть вам дорогу.

    — Раакиб Патан, товарищ по продажам

    Устранение ресурсов, блокирующих рендеринг

    Большинство компаний, отправляющих URL своего веб-сайта в инструмент Google PageSpeed ​​Insights, видят рекомендацию «устранить ресурсы, блокирующие отображение». Хотя это может показаться сложным, цель данной рекомендации — уменьшить влияние этих URL-адресов, блокирующих отображение.Этого можно достичь, встраивая критические ресурсы, откладывая некритические ресурсы и удаляя все неиспользуемое. Скорее всего, вам понадобится помощь веб-разработчика для достижения этой цели, но устранение ресурсов, блокирующих отображение, — один из лучших способов ускорить веб-страницу и пройти тест Google Core Web Vitals.

    — Эли Паташник, iFax

    Используйте автоматическую оптимизацию платформы Cloudflare

    Один из самых простых способов ускорить работу вашего веб-сайта, который мы сами используем на всех наших сайтах, — это служба APO (автоматическая оптимизация платформы) Cloudflare.Если у вас есть план Cloudflare Pro, Business или Enterprise, эта новая услуга предоставляется бесплатно. Для людей с бесплатным планом Cloudflare это всего 5 долларов в месяц. Он использует мощность пограничной сети Cloudflare для кэширования вашего сайта гораздо более эффективным способом, чем простой CDN (сеть доставки контента). Это значительно улучшает жизненно важные показатели Интернета, которые Google скоро рассмотрит как часть своего алгоритма ранжирования. Если ваш сайт работает на WordPress, как наш, то его действительно просто настроить, просто установив бесплатный плагин Cloudflare и активировав его.

    — Дейл Рирдон, Travel For All

    Создание ускоренных мобильных страниц

    Accelerated Mobile Pages (AMP) — это проект с открытым исходным кодом, инициатором которого является Google, чтобы сделать Интернет быстрее. Страницы, созданные с помощью этой технологии, мгновенно загружаются на мобильные устройства. Несмотря на то, что они имеют то же содержание, что и исходные страницы, они устраняют ненужные элементы и имеют более легкую и простую разработку, что ускоряет скорость веб-сайта. Чтобы создать AMP для своего веб-сайта, вы можете использовать плагин AMP for WP, который позволяет создавать страницы из разных мобильных шаблонов без необходимости возиться с кодами.

    — Сильвия Канг, Мира

    Оптимизируйте изображения перед загрузкой

    Оптимизация изображений перед их загрузкой на сайт — ключ к сокращению времени загрузки веб-страницы. Лучший способ сделать это — изменить размер изображения так, чтобы он соответствовал размеру вашей страницы. Это гарантирует, что вы не загружаете излишне большое изображение, заставляя ваш сайт тратить драгоценные секунды на загрузку большего изображения, даже если оно не будет отображаться. Затем вы можете дополнительно оптимизировать изображение с помощью такого инструмента, как Squoosh.Это позволяет значительно уменьшить размер файла без ущерба для качества. (Единственным исключением является то, что у вас есть сайт с фотографиями и вам нужны изображения исключительно высокого качества, и в этом случае вы, возможно, захотите снизить время загрузки. Однако для всех других сайтов небольшая потеря качества будет более чем того стоит.) Оттуда вы можете загрузить изображение на свой сайт. Возможно, вы захотите также запустить плагин, такой как Short Pixel, для дальнейшего уменьшения размера каждого изображения после его загрузки, но это может быть необязательно.

    — Анна Баркер, логический доллар

    Как ускорить работу вашего веб-сайта (2021)

    Если вы новичок и новый владелец веб-сайта, в большинстве случаев вы не будете беспокоиться о скорости веб-сайта.

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

    Нет, дело не в этом.

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

    Кроме того, Google представил Web Core Vitals (который считается фактором ранжирования веб-сайтов), который дает еще более подробные сведения о скорости загрузки веб-сайтов. Чем быстрее ваш сайт, тем выше ваши шансы попасть на первую страницу результатов поиска Google.

    Привет, меня зовут Артем.

    Я поделюсь нашим опытом, знаниями нашей команды разработчиков и методами, которые мы использовали для повышения скорости загрузки нашего собственного веб-сайта (FirstSiteGuide.com).

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

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

    14 шагов для повышения скорости веб-сайта

    Шаг 1. Проведите тест скорости

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

    Бесплатные инструменты

    К счастью, есть бесплатные тесты скорости, доступные каждому.Вам просто нужно выбрать один, ввести свой URL-адрес и позволить инструменту творить чудеса.

    Google’s PageSpeed ​​Insights

    Поскольку большинство людей оптимизируют свои сайты для Google, первым инструментом, который я упомяну, является Google PageSpeed ​​Insights. Это довольно просто, и вы можете получить результат в считанные секунды.

    1. Откройте страницу Google PageSpeed ​​Insights.
    2. Введите URL-адрес вашего сайта.
    3. Щелкните по кнопке «Анализировать».

    В моем случае потребовалось всего 10-15 секунд для завершения теста и отображения результатов, показанных на снимке экрана ниже.

    После того, как вы увидите зеленое число вверху, где вы хотите набрать 100 баллов, появятся еще несколько сегментов, которые вы захотите изучить. Это:

    • First Contentful Paint (FCP)
    • Largest Contentful Paint (LCP)
    • Cumulative Layout Shift (CLS)

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

    GTmetrix

    Один из самых популярных тестов скорости веб-сайтов — GTmetrix. Это совершенно бесплатно и может быть выполнено менее чем за минуту:

    1. Перейдите в GTmetrix.
    2. Введите полный URL-адрес вашего сайта.
    3. Нажмите кнопку «Выполнить тест» и подождите около 30 секунд.

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

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

    Шаг 2. Получите быстрый и надежный веб-хостинг

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

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

    Чтобы начать правильный путь, разместите свой сайт на Bluehost, одной из немногих хостинговых компаний, официально рекомендованных WordPress.org. Многолетний опыт и миллионы размещенных веб-сайтов делают эту хостинговую компанию одной из лучших в своей области — то, что легко превратится в надежный веб-сайт.

    Шаг 3. Внедрение службы сети доставки контента (CDN)

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

    Вот где появляются сети доставки контента. Они позволяют размещать ваш веб-сайт на нескольких серверах по всему миру.CDN может распознавать ближайшее местоположение к каждому, кто загружает ваш сайт, и загружать контент с ближайшего сервера. Таким образом, если посетитель пытается загрузить ваш сайт из США, он получит контент с одного из серверов США, а кто-то из Европы загрузит ваш сайт через сервер, расположенный рядом с ними, например, в Лондоне.

    Если вы размещаете сайт на Bluehost, вы можете найти их TrueSpeed ​​CDN на панели управления. Просто настроив его, ваш сайт станет глобальным и будет быстрее загружаться для людей со всего мира.

    Вы также можете пользоваться услугами CDN третьих сторон. Наиболее популярные CDN:

    Шаг 4. Минимизация файлов CSS и JavaScript

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

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

    Вот пример простого кода CSS:

    body {

    padding: 10px;

    цвет: # f35123;

    фон: # f22f12;

    }

    Его можно минимизировать в это:

    body {padding: 10px; color: # f35123; background: # f22f12}

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

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

    1. Перейдите в «Плагины> Добавить новый».
    2. Найдите «Автоматическая оптимизация».
    3. Установите и активируйте «Автоматическая оптимизация».
    4. Перейдите в «Настройки -> Автоматическая оптимизация».
    5. Отметьте «Оптимизировать код JavaScript?» и «Агрегировать JS-файлы?».
    6. Отметьте «Оптимизировать код CSS?» и «Агрегировать CSS-файлы?».

    Шаг 5. Включение кэширования браузера

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

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

    Чтобы включить это на своем сайте, все, что вам нужно, это бесплатный плагин WordPress, такой как:

    Если вы, например, используете W3 Total Cache, все, что вам нужно сделать, это установить плагин:

    1. Перейти к Плагины -> Добавить.
    2. Найдите «W3 Total Cache».
    3. Установите и активируйте плагин.
    4. Пройдите настройку, позволив плагину протестировать настройки вашего сайта и сервера.

    Плагин автоматически настроит ваши настройки кеширования, и они сразу начнут работать в вашу пользу. Если вы решите углубиться в подробности, вы можете открыть вкладку «Производительность», которая теперь отображается в левой части меню WordPress, где видны все настройки плагина. Здесь вы можете изменить другие параметры, если это необходимо.

    Шаг 6. Оптимизация и очистка базы данных WordPress

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

    Хотя можно очистить базу данных вручную, это будет означать, что вы должны понимать, как это работает.И даже если вы это сделаете, есть вероятность, что вы все равно можете все испортить.

    К счастью, доступны бесплатные плагины WordPress, которые оптимизируют и очищают базу данных за вас. Однако, прежде чем что-либо делать, обязательно создайте полную резервную копию своего веб-сайта или найдите способ отменить изменения. Несмотря на то, что WP-Optimize — хорошо известный и безопасный плагин, прямое редактирование базы данных иногда может пойти не так.

    Итак, если что-то пойдет не так, я предлагаю WP Reset. Этот плагин создаст снимок вашего сайта и позволит вам быстро откатить любые сделанные изменения.Итак, если что-то пойдет не так, вы можете восстановить свою базу данных за пару минут, в отличие от восстановления полной резервной копии, что может занять больше времени.

    1. Перейдите в Плагины -> Добавить новый.
    2. Найдите WP-Optimize, установите и активируйте его.
    3. Выберите нужные параметры и нажмите кнопку, чтобы начать оптимизацию.

    Шаг 7. Используйте оптимизированные / премиальные и простые темы

    Шаблоны и темы не только визуальные. Чтобы создать их, веб-дизайнеры должны кодировать функции, параметры и вставлять изображения, которые будут объединены в единую рабочую тему.

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

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

    Шаг 8: Оптимизируйте все изображения на вашем веб-сайте

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

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

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

    Если у вас уже есть активный веб-сайт и у вас нет времени на оптимизацию изображений по одному, есть плагин freemium, который решит все ваши проблемы. ShortPixel Image Optimizer позаботится обо всех ваших изображениях, доступных в вашей медиатеке.Он также отлично работает с NextGEN, Foo Gallery, а также с другими плагинами галереи и слайдеров.

    Бесплатная версия позволяет обрабатывать до сотни изображений. Некоторые из функций включают:

    • Оптимизация размера и качества изображений.
    • Преобразование одного формата в другой.
    • Работает с WebP и AVIF.

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

    Шаг 9: Ленивая загрузка изображений и видео

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

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

    Как включить ленивую загрузку в WordPress:

    1. Перейдите в Плагины -> Добавить новый.
    2. Поиск отложенной загрузки с помощью WP Rocket.
    3. Установите и активируйте плагин.
    4. Отметьте содержимое, которое вы хотите отложить, и сохраните настройки.

    Шаг 10. Предотвращение хотлинкинга изображений

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

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

    Есть несколько способов предотвратить хотлинкинг:

    • Использование CDN : в большинстве популярных CDN, таких как Cloudflare и KeyCDN, уже включена защита от хотлинкинга.
    • Использование плагинов безопасности : Плагин All In One WP Security & Firewall позволяет вам контролировать хотлинкинг.
    • Отключение щелчка правой кнопкой мыши по изображениям : используйте плагин, например Prevent Content Theft [Disable Right Click].
    • Изменение файла .htaccess : более опытные пользователи могут отключить хотлинкинг напрямую, изменив код в файле .htaccess.

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

    Видео, загруженное с YouTube, будет работать так же (если не лучше), как загруженное с вашего сервера. А если у вас более высокий трафик, это означает меньшее влияние на вашу пропускную способность, что приводит к более быстрому сайту.

    Что касается видео, вы можете разместить их на:

    Шаг 12: Сведите плагины к минимуму / найдите плагины, которые замедляют вашу работу

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

    Прежде чем вы начнете отключать все плагины, я предлагаю провести тест скорости.

    Этот плагин проведет несколько тестов на вашем веб-сайте и покажет вам график и детали. Что вас интересует, так это вкладка «Runtime by Plugin», на которой будет нарисован график, показывающий вам все ваши активные плагины и их влияние на сайт.

    Найдите самые большие «кусочки торта» на графике, который показывает самые медленные плагины на вашем сайте. Обратите внимание, что это не означает, что вам нужно избавляться от этого конкретного плагина.

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

    Шаг 13: Контроль переадресации на вашем веб-сайте

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

    Одним из самых популярных инструментов для обработки перенаправлений является Screaming Frog. Вы также можете проверить:

    Установив программное обеспечение или запустив онлайн-сканирование (в зависимости от выбранного вами инструмента), вы сможете сканировать свой веб-сайт.Он покажет вам подробный анализ веб-сайта и быстро покажет вам перенаправленные URL-адреса. Поскольку только знание того, что URL-адрес перенаправлен, не имеет особого смысла, вам понравится функция, которая показывает вам источник перенаправления. Это поможет вам понять ваш веб-сайт и позволит вам действовать в соответствии с перенаправлениями, удаляя ненужные.

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

    Для обработки перенаправлений в WordPress вы можете использовать бесплатный плагин WP 301 Redirects, который поможет вам управлять всеми вашими перенаправлениями.

    Шаг 14: Оптимизация содержания (используйте выдержки, разбивайте длинные статьи и комментарии и т. Д.)

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

    Если вы используете классический редактор, отобразить собственный отрывок относительно просто:

    1. Перейдите в панель управления WordPress -> Сообщения -> Добавить новый.
    2. Нажмите кнопку «Параметры экрана».
    3. Включить опцию поля отрывка.
    4. Прокрутите вниз, найдите поле отрывка и напишите собственное резюме.

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

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

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

    Наконец, для тех, у кого много комментариев, вы можете разбить комментарии на страницы, а не загружать их все сразу:

    1. Перейдите в Настройки WordPress -> Обсуждение.
    2. Найдите параметр «Разбивать комментарии на страницы».
    3. Введите количество комментариев, которые должны отображаться на одной странице.
    4. Сохраните настройки.

    Продолжайте тестировать скорость своего веб-сайта

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

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

    Как медленный веб-сайт может навредить вам

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

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

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

    Заключение

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

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

    Как ускорить работу сайта

    Что вы чувствуете, когда заказанная вами еда подается после долгого ожидания? Или когда в супермаркете за кассой выстраивается большая очередь?

    Ты просто ненавидишь это.

    Угадайте, вашим зрителям не нравится, когда ваш сайт загружается медленно.

    Хуже того, они выражают свое недовольство тем, что уменьшают количество посещений и продаж на вашем сайте.

    Каждая дополнительная секунда, затрачиваемая на загрузку вашего сайта, приводит к:

    • 11% потеря просмотров страниц
    • На 7% меньше конверсия
    • 87% Брошенные корзины покупок
    • 43% покупателей переходят непосредственно к конкурентам

    Медленный сайт сильно влияет на вашу способность привлекать клиентов и генерировать.

    Вот почему мы в Hosting Tribunal делаем все возможное, чтобы оценить скорость лучших провайдеров веб-хостинга, будь то хостинг WordPress, Magento или что-то еще.

    Если вы в сети, скорость загрузки имеет решающее значение.

    Как же тогда ускорить работу сайта? Рад, что ты спросил.

    Просто следуйте исправлениям скорости, обсуждаемым в этом посте. Чисто и просто.

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

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

    Я покажу вам, как это сделать.

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

    Важность оптимизации скорости

    Как скорость сайта влияет на конверсию? Вам труднее убедить посетителей делать покупки на вашем сайте?

    Вы делаете ставку!

    Показатели отказа от корзины возрастают до 87% с двухсекундной задержкой загрузки во время транзакции.

    Низкая скорость = низкий коэффициент конверсии

    Но становится еще хуже…

    Задержка загрузки страницы превращает ваших новых покупателей в незнакомцев.

    Исследования показывают, что 64% интернет-покупателей , которым не нравится эффективность вашего сайта, не вернутся.

    И если этого было недостаточно, 43% недовольных клиентов в следующий раз сделают покупки на сайте конкурента.

    Это означает, что ваша потеря — это прибыль конкурентов.

    Это последнее, что вам нужно.Я знаю.

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

    Какое время загрузки хорошее?

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

    Вероятность отказов увеличивается до 32% при увеличении времени загрузки с 1 до 3 секунд.Однако это число для страниц со временем загрузки 5 секунд достигает 90%.

    Другое исследование показывает, что 75% пользователей не будут повторно посещать страницу , загрузка которой занимает более 4 секунд.

    Итак, надпись на стене громкая и четкая.

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

    Но прежде чем заняться скоростью, нужно сделать еще кое-что…

    Узнайте текущее среднее время загрузки вашего сайта.

    Как измерить время загрузки?

    Время до первого байта (TTFB) и Время загрузки страницы — это два разных способа измерения скорости страницы.

    TTFB измеряет время, которое требуется браузеру пользователя для получения первого байта от вашего сервера после отправки ему HTTP-запроса.

    TTFB дает некоторое представление о времени ответа сервера, но не имеет большого значения для пользователей.

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

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

    Так каков хороший результат TTFB?

    Значение TTFB менее 200 миллисекунд вполне приемлемо, в то время как все, что превышает 500 миллисекунд, является медленным, начинает замедлять общую производительность.

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

    Вы должны стараться держать его как можно ниже, потому что все, что превышает 3 секунды, является слишком высоким .

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

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

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

    GTMetrix

    Мощный и простой в использовании, GTMetrix.com дает вам подробный отчет обо всем, что связано со скоростью страницы.

    Вы можете выбрать тип браузера (Firefox или Chrome), протестировать из 7 разных мест, и проверить производительность сайта при различных типах подключения (широкополосное, кабельное или мобильное).

    GTMetrix присваивает вашему сайту оценку от F до A и перечисляет наиболее важные сведения о странице.

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

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

    Тест веб-страницы

    WebPage Test так же подробен, как GTMetrix, но предлагает больше возможностей (, более 40 местоположений серверов и 25+ типов браузеров, , включая мобильные).

    Использование его несложно. Вставьте URL своего сайта, выберите расположение сервера и браузер и нажмите кнопку «Начать тестирование».

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

    Pingdom

    Pingdom — одна из самых популярных сегодня сервисов мониторинга веб-сайтов.

    Так же, как WebPage Test и GTMetrix, он позволяет пользователям выбирать место, из которого они хотят запустить тест.Однако Pingdom не позволяет запускать тест скорости в разных браузерах.

    Pingdom охватывает все основные аспекты скорости страницы и отображает информацию аккуратно и компактно. По сравнению с первыми двумя инструментами он менее всеобъемлющий.

    Google PageSpeed ​​Insights

    Хотите узнать, как сразу же ускорить работу сайта?

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

    В отличие от некоторых других инструментов, Google PageSpeed ​​предоставляет отчеты как для настольной, так и для мобильной версии вашего веб-сайта.

    Инструмент оценивает ваш сайт по шкале от 1 до 100. Чем выше оценка, тем лучше.

    Все, что старше 85 — это хорошо . Если в вашем протоколе указано 85+, вы можете похвалить себя за хорошее шоу.

    K6.io (ранее ударная нагрузка)

    Облачный инструмент K6 выполняет тест скорости веб-сайта, используя до 50 виртуальных пользователей в бесплатной версии, чтобы записать производительность вашего сервера, когда он подвергается нагрузке.

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

    Однако кроссбраузерность здесь отсутствует. K6 предназначен в первую очередь для проверки узких мест в коде и определения того, какие части следует оптимизировать, чтобы избежать скачков трафика — он не предназначен для того, чтобы дать точное представление о том, как веб-сайт выглядит для посетителей.Однако, если вы хотите проводить тесты в разных браузерах, вам придется попробовать другой инструмент.

    9 способов повысить скорость веб-сайта

    Первое, что вы поймете, запустив тесты скорости, — это то, что эти инструменты сообщают о некоторых типичных проблемах.

    Это связано с тем, что, несмотря на то, что на скорость сайта влияют несколько факторов, несколько методов улучшения работают во всех ситуациях.

    Также помните, что сайт с аккуратным кодом, WordPress или любой другой, превосходит сайт с плохим кодом в любое время и в любой день.

    Пользователям

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

    С другой стороны, если у вас есть веб-сайт с настраиваемым кодом, убедитесь, что вы используете написанный код, соответствующий лучшим практикам, и регулярно очищайте текстовые и графические файлы.

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

    1. Сжатие GZIP

    Разархивированные текстовые файлы могут испугать веб-браузер до чертиков.В конце концов, загрузить HTML-файл размером 100 КБ не так уж и весело.

    Вы можете облегчить жизнь браузеру, попросив сервер сжать файлы перед их передачей.

    Заархивированные файлы уменьшают нагрузку на браузер. И поэтому он быстро загружает ваш сайт.

    Однако возникает вопрос: какой метод сжатия использовать?

    Ваш веб-сервер не может обрезать файлы как угодно. Это приведет к харакири.

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

    Зритель возмутился, поклялся, что никогда больше не будет терять ни секунды на вашем сайте, и нажмет ужасную кнопку «Назад».

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

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

    GZIP может это легко сделать.

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

    Текстовые файлы содержат много похожего кода. GZIP временно заменяет строки повторяющегося кода и пробелы в ваших файлах HTML и CSS, мгновенно делая их светлее.

    Как включить GZIP?

    Все, что нужно сделать пользователям WordPress, — это установить W3 Total Cache, бесплатный плагин WordPress, и выполнить следующие действия.

    1. Перейдите на страницу настроек в W3 Total Cache
    2. Нажмите Кэш браузера
    3. Установите флажок перед Включить сжатие HTTP (gzip)

    Вот и все.

    Всего за три шага вы можете включить GZIP и увеличить скорость веб-сайта. Согласно отчету, этот метод сжатия сокращает время загрузки почти на 70%.

    Если ваш сайт является статическим HTML, вы можете включить сжатие Gzip, добавив фрагмент кода в файл .htaccess. Ваш хост может сообщить вам точный код, поэтому я рекомендую обратиться в его службу поддержки.

    2. Сжать изображения

    GZIP — это хорошо, очень хорошо, но он не может прорезать ваши изображения.

    Это потому, что они не сжимаются так же, как текстовые файлы.

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

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

    Однако об их удалении не может быть и речи, особенно если у вас есть сайт электронной коммерции.

    В отчете 66% онлайн-покупателей заявили, что они хотели бы увидеть как минимум три изображения продукта перед покупкой.

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

    Это именно то, что обнаружило одно исследование. В нем 39% онлайн-покупателей заявили, что они покидают сайт , если его изображения загружаются долго или не загружаются вообще.

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

    Вот шаги, которые необходимо выполнить:

    1. Скопируйте URL страницы, которую хотите протестировать
    2. Перейдите на официальный сайт Pingdom, вставьте этот адрес в поле URL , выберите расположение сервера и, наконец, нажмите кнопку Start Test
    3. Подождите пару секунд, пока завершится тест, а затем перейдите к запросу по типу содержимого , чтобы получить желаемую информацию

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

    Как сжимать изображения?

    Если вы пользователь WordPress, я рекомендую вам использовать WP Smush . Он легкий, простой в установке и прекрасно работает. В считанные секунды он может настроить все ваши новые изображения. Это один чрезвычайно полезный ответ на вопрос о том, как ускорить мой веб-сайт.

    После загрузки инструмента просто выберите опцию Автоматически удалять мои изображения при загрузке .

    WP Smush также позволяет установить максимальную ширину и высоту.Если вы загружаете любое изображение, размер которого превышает указанные пределы, инструмент автоматически сжимает его.

    Если ваш сайт не работает на WordPress, вам понадобится что-то вроде Compressor.io , онлайн-инструмент для сжатия фотографий и изображений.

    Просто перейдите на этот сайт, загрузите или перетащите изображение и выберите нужный тип сжатия: с потерями или без потерь. По умолчанию инструмент выбирает с потерями.

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

    С другой стороны, при сжатии без потерь данные не теряются.

    Естественно, изображения со сжатием с потерями меньше.

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

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

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

    Теперь просто загрузите сжатый файл изображения на свой рабочий стол, а затем загрузите его на свой сайт.

    Кроме того, вы можете просто использовать программное обеспечение для редактирования изображений, такое как Adobe Photoshop, и делать это вручную. Такие системы обычно имеют возможность сжимать фотографии для публикации в Интернете после того, как вы закончите все изменения.

    Сжатие изображений позволяет значительно ускорить загрузку изображений, поэтому не игнорируйте это исправление.

    3. Сети доставки контента — скорость и безопасность

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

    При нормальном трафике все нормально. Он может быстро отправить запрошенную веб-страницу в браузер, не беспокоясь.

    Тем не менее, когда трафик резко возрастает, начинается ад.

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

    Как может не быть?

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

    В результате время загрузки для всех пользователей увеличивается в периоды высокого трафика.

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

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

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

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

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

    В противном случае повышение производительности сети останется несбыточной мечтой.

    CDN отрицает расстояние

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

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

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

    Ваш веб-сервер здесь ничего не может сделать. Законы физики пресекают его добрые намерения.

    Но что-то можно сделать. На самом деле гораздо больше, чем просто что-то.

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

    Вы когда-нибудь слышали о сети доставки контента (CDN)?

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

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

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

    Серверы в CDN, то есть кеш-серверы, работают плечом к плечу с вашим основным сервером и помогают повысить скорость веб-сайта, как показано на этом изображении.

    CloudFlare входит в число лучших CDN, но есть и другие достойные варианты.Он очень полезен и прост в использовании.

    Многие ведущие провайдеры хостинга веб-сайтов тесно сотрудничают с CloudFlare, и интеграция невероятно проста.

    CDN повышает безопасность

    Еще одним важным преимуществом использования CDN является повышенная безопасность, поскольку серверы CDN могут смягчить атаки DDoS .

    У них есть встроенные механизмы против таких атак. Конечно, лучшие провайдеры веб-хостинга развертывают сильную защиту от DDoS-атак, но хорошо спланированная атака может относительно легко вывести из строя один сервер.

    CDN может компенсировать приток трафика, так как само наличие серверной сети, которая обрабатывает входящий трафик, уменьшает потоки трафика.

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

    4. Удалите ненужные плагины

    Знаете ли вы, что WordPress имеет более 50 000 плагинов?

    С ними легко проявить небрежность и установить слишком много.

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

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

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

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

    Кроме того, при обновлении WordPress игнорируются плагины, которые часто не используются. Устаревшие плагины серьезно угрожают безопасности.

    Короче говоря, слишком много плагинов — плохая идея. Если вы задаетесь вопросом, как повысить производительность веб-сайта, удаляет всех неиспользуемых плагинов — всегда хорошее место для начала.

    5. Используйте хороший хост

    Не все хосты равны.Некоторые значительно лучше других. Вот почему мы так тщательно их тестируем.

    Выбор правильного хоста имеет первостепенное значение. Без достойного хозяина вы не сможете извлечь много пользы из советов, изложенных в этом посте.

    Время отклика сервера может сильно различаться от одного хоста к другому.

    Фактически, в одном отчете говорится, что, хотя у хороших хостов скорость загрузки составляет 0,7–0,8 секунды, медленных хоста могут удвоить скорость загрузки .

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

    Если ваша первоочередная задача — сверхбыстрая загрузка страницы, вам следует подумать о Hostinger. После месяцев тестирования он признан одним из лучших на Hosting Tribunal, поскольку обеспечивает отличную производительность по всем важным параметрам, включая скорость загрузки, скорость загрузки в условиях стресса и время безотказной работы. Кроме того, команда поддержки хорошо осведомлена и полезна и может очень сильно помочь с оптимизацией скорости.

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

    6. Минификация

    Текстовые файлы, такие как файлы HTML, CSS и JavaScript, могут быть довольно большими.

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

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

    Как уменьшить текстовые файлы?

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

    С WordPress все еще проще.

    Загрузите и установите WP Rocket или любой другой аналогичный плагин.

    Если вы используете WP Rocket, перейдите на вкладку «Статические файлы» и выберите типы файлов, которые вы хотите уменьшить (HTML, CSS и JS).

    Некоторые хостинг-провайдеры, такие как SiteGround, могут даже предлагать проприетарный плагин, так что даже это не обязательно.

    7. Кеширование

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

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

    Что такое кеширование? Как это помогает повысить скорость сайта?

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

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

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

    Но как веб-сервер может доставить веб-страницу быстрее во второй раз? Почему он не может быстро отобразить страницу в первый раз?

    Допустим, пользователь хочет посетить вашу домашнюю страницу и вводит соответствующий адрес в своем браузере.

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

    Через несколько мгновений другой пользователь отправляет запрос на домашнюю страницу.

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

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

    Ответ, который сервер дает второму браузеру, на самом деле является статическим файлом HTML, который в основном является снимком вашей домашней страницы.

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

    Как включить кеширование?

    Если ваш сайт имеет индивидуальную кодировку, лучше всего найти хост, на котором включено кэширование на стороне сервера.Будь то Varnish, хорошая конфигурация nginX или что-то еще, вы можете получить отличные результаты.

    Существует множество бесплатных плагинов для кеширования WordPress, возможно, ни один из них не более популярный, чем W3 Total Cache.

    Установите его и перейдите к Page Cache (ниже General Settings ) и установите флажок рядом с ним.

    Если вы ищете быстрый совет о том, как увеличить скорость веб-сайта WordPress, это как раз то, что вам нужно сделать.

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

    8. Асинхронная загрузка

    Браузер может загружать файлы сценариев, такие как файлы JavaScript и CSS, синхронно или асинхронно.

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

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

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

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

    Если вам интересно, как увеличить скорость веб-сайта на PHP, можно использовать асинхронную загрузку . Некоторые веб-хосты, такие как FastComet, предлагают это прямо из коробки, но часто бывает так, что вам нужно установить правильный плагин или добавить правильную кодировку для достижения этой оптимизации.

    9. Отложить файлы JavaScript

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

    Этот шаг на самом деле не ускоряет время загрузки JavaScript. Тем не менее, это гарантирует, что браузер будет отдавать больший приоритет остальной части вашего контента.

    Как включить асинхронную загрузку и отложить файлы Javascript?

    Если вы хотите ускорить загрузку JavaScript, используйте плагин WordPress, например WP Rocket или какой-нибудь другой.

    Если вы используете WP Rocket, перейдите на вкладку Static Files и выберите эти три параметра в разделе Render-blocking CSS / JS :

    • Загружать файлы CSS синхронно
    • Загрузка файлов JS отложена
    • Безопасный режим (рекомендуется)

    Лучший способ отложить Java на сайте с пользовательским кодом — это загрузить javascript непосредственно перед тегом HTML-документа.Другой способ — добавить в сценарий атрибут defer .

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

    Стоит ли оптимизация скорости?

    Если вы не получаете столько трафика, сколько ожидаете, или если посетители не проводят достаточно времени на вашем сайте, самое время задать себе один важный вопрос: как улучшить скорость загрузки сайта?

    Скорость

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

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

    Большое время.

    На скорость загрузки страниц влияет множество факторов, но нет необходимости устранять их все сразу.

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

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

    Так что не позволяйте скорости мешать вам осуществить вашу мечту стать успешным онлайн-предпринимателем или блоггером.

    Интернет — все, что вам нужно. Все, что вам нужно, это быстрый сайт.

    .

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *