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, который, учитывая ограниченные запросы, не перевешивает преимущества их обслуживания из собственной среды. Кроме того, в инструментах PageSpeed, упомянутых до сих пор, ничего не сказано об этом подсказки ресурса (возможно, потому что они еще не интерпретируется всеми браузерами отправить браузер заранее, чтобы ознакомиться с внешним доменом, из которого будут получены источники.

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

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

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