* РБК — новости

* *

«Голая правда» Page Speed ​​Insights

  1. Дефекты тестов Google PageSpeed ​​Insights
  2. Хороший счет с тяжелым сайтом
  3. Плохая оценка с технически хорошим сайтом
  4. Для чего подходит тест PageSpeed ​​Insights?
  5. PageSpeed ​​альтернативы
  6. Комбинация тестов является решением?

Несмотря на то, что сегодня наши проекты на 90% состоят из настраиваемых веб-приложений, стремление к разработке чистого интерфейса в его широком смысле остается неизменным. Уже в 2005 году я занимался семантикой HTML; Таблицы для разметки были средствами до этого момента, но, конечно, не сделано.

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

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

Дефекты тестов Google PageSpeed ​​Insights

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

  • индивидуальный файл теста
    большинство оценок проводятся на уровне отдельных файлов и поэтому ничего не говорят об общей эффективности веб-сайта;
  • внешние источники
    Представление (таблицы стилей / javascript / media) файлов (включая внешние трекеры) оценивается на возможность кэширования посетителем. Как ни странно, PageSpeed ​​Insight от Google натыкается на возможный фрагмент Google Analytics ... от Google. Короче говоря, вы как компоновщик не имеете никакого влияния на длительность кэша или сжатие из внешних источников.
  • выше сгиба / критического пути css
    Другими словами: печень критический CSS - ответственность за верхнюю часть сайта - как можно быстрее, прямо в HTML-документе. Посетитель также может просмотреть запрошенный контент по медленному интернет-соединению, в то время как другие визуальные компоненты по-прежнему загружаются под сгиб.
    Однако для теста PageSpeed ​​Insights от Google требуется одинаковая надстрочная часть (на основе Critical Path CSS) и окончательный результат. Однако, как веб-разработчик или дизайнер UX, вы, возможно, считаете, что определенные кнопки не должны отображаться, когда браузер впервые начинает заполнять ваш экран.

Хороший счет с тяжелым сайтом

С тяжелым сайтом можно получить хороший результат более 90%, также с Wordpress , Это возможно, потому что механизм управления PageSpeed ​​Insights Google, кажется, оценивает различные исходные файлы по отдельности. Однако, если вы посмотрите глубже, вы заметите следующее:

  • Минимум 80 запросов используется
    текущая страница, которую вы прочитали, даже не касается 15, наш страница обзора новостей может закончить это с 7 запросами);
  • Подготовленные источники поступают из 30 разных доменов
    Следовательно, это приводит к тому, что браузер должен установить соединение для загрузки внешних источников. Это требует поиска DNS для каждого домена. С точки зрения производительности вы бы DNS-запросы должны уменьшаться , Более того, вы не имеете никакого влияния на то, как другие домены обслуживают исходные файлы (сжатые и с правильными заголовками или без них);
  • 7 шрифтов / файлы шрифтов загружены
    Пользовательские шрифты незаменимы. Файлы шрифтов для иконок тоже. Однако семь разных файлов шрифтов - абсурдное число;
  • Те же шрифты находятся в Критическом Пути
    Но это не зарегистрировано Google. PageSpeed ​​Insights только определяет, достаточен ли Critical Path CSS, но не может ли быть изобилие CSS (и, следовательно, требуется скачать килобайт ) есть;
  • Кеширование не используется оптимально
    Тот же шрифт, что и JavaScript, появляется на каждой странице. Это противоречит не только правилам в отношении веб-сайтов: поскольку это не одностраничный веб-сайт, посетитель сталкивается с дополнительными килобайтами за посещение страницы, которые можно очень хорошо кэшировать. Вместо этого фактические документы HTML становятся более тяжелыми;

* В некоторых случаях http / 2 может быть решением, но не всегда доступно

Плохая оценка с технически хорошим сайтом

И наоборот, с технически хорошим сайтом невозможно достичь 100% оценки. Даже когда ты Критический путь CSS пытаясь реализовать, вызов сам по себе. Если вышеприведенная часть не будет иметь тот же внешний вид, что и конечный результат при первом впечатлении, Google не присудит вам 100% баллов. Это также применимо, когда вы используете Google Analytics или даже внешние источники в целом, как показано в примере выше. Поэтому для получения 100% -ной оценки вы должны практически дистанцироваться от всех внешних источников (таких как трекеры и виджеты).

Для чего подходит тест PageSpeed ​​Insights?

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

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

PageSpeed ​​альтернативы

В дополнение к собственному инструменту Google PageSpeed ​​Insights для тестирования веб-сайтов, мне также нравятся другие источники. в том числе:

  1. https://tools.pingdom.com
  2. https://gtmetrix.com/

Последний, в частности, предоставляет более ценную информацию, чем тест в PageSpeed ​​Insights. В дополнение к карточке PageSpeed ​​Insights тест на gtmetrix.com также включает проблемы CDN, Cookie, заголовков (Expires / ETag) и, например, CSS @import и выражений (которых следует избегать). Для иллюстрации та же страница, проверенная в gtmetrix.com , Ниже оценка этой страницы :

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

Комбинация тестов является решением?

По большей части, потому что даже это не дает вам всей информации. Вы получите очень сильный совет о том, что следует решать. Или может быть действительно решен: например, тест gtmetrix.com на этой странице показывает, что CDN следует использовать для статических файлов. Другими словами, внешний поставщик / домен, например, для изображений и файлов JavaScript. Я намеренно не упоминаю таблицы стилей, они должны быть в распоряжении посетителя как можно скорее. В идеале это не должно включать задержку поиска DNS.

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

Этот сайт фактически использует CDN (см. Скриншот), а именно:

  • fonts.gstatic.com для получения определенного шрифта;
  • cdnjs.cloudflare.com в файл jquery, а также плагин для открытия фотографий ( необычная коробка ) Для того, чтобы извлечь.

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

Для чего подходит тест PageSpeed ​​Insights?
Комбинация тестов является решением?

Реклама

Популярные новости

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

Франшиза страхового агентства
К Вашему вниманию франшиза страхового агентства — Точка Страхования. Основными направлениями деятельности являются реализация полисов ОСАГО и КАСКО. Что входит в франшизу• Техническая поддержка наших

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

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

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

Русское агентство новостей
Русское Агентство Новостей (РуАН) создано, как альтернатива разнузданному, повсеместному шабашу, развёрнутому в СМИ равнодушными, недалёкими, продажными и недружественными к нормальным людям персонажами,

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

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

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


Реклама

Календарь новостей

Реклама

Архив новостей

Реклама