Публикации по теме 'page-speed'
Как использовать gzip-файл webpack в продакшене с помощью nginx.
Если вы создаете веб-приложение, которое использует сборщик веб-пакетов, оптимизация сжатия сайта настолько проста, gzip - эффективный способ сэкономить полосу пропускания и ускорить работу вашего сайта.
Проверьте текущий размер пакета вашего приложения и просмотрите. Например, я сравнил простое приложение с до и после сжатия.
После сжатия размер приложения с 277 КБ до ~ 91,2 КБ! 🤔
Вместо создания bundle.js сгенерируйте bundle.js.gz с помощью плагина сжатия Webpack ...
Как отслеживать скорость вашего сайта с помощью Puppeteer и Headless Chrome
Puppetee r – это официальный инструмент для тестирования Headless Chrome. Он используется во многих приложениях, включая веб-сканирование, тестирование страниц и предварительный рендеринг. Одним из преимуществ использования Puppeteer является то, что с помощью Headless Chrome он позволяет отображать полные веб-страницы, Javascript и все такое. Это означает, что вы можете получить информацию, которая загружается на веб-страницы после первоначальной загрузки DOM.
Это может быть..
Почему компании не могут игнорировать истории Google AMP
Проект Accelerated Mobile Pages (AMP) был запущен Google в феврале 2016 года с целью поставить мобильную производительность выше всего остального в Интернете.
И Google определенно достиг своей цели.
AMP поддерживает более двух миллиардов мобильных страниц и 900 000 различных доменов. Страницы с AMP теперь загружаются в два раза быстрее, чем страницы без добавленных элементов AMP.
Если вы думаете, что можете игнорировать AMP, вы ошибаетесь. У AMP есть несколько замечательных функций..
Как массово найти неиспользуемые CSS и Javascript с помощью Puppeteer и Chrome Coverage
Массовый поиск ресурсов, которые не используются ни в одном из URL-адресов, прошедших массовое тестирование, или только на нескольких типах страниц.
Вы хотите найти неиспользуемые CSS и Javascript и выбросить их, потому что они улучшают скорость и, например, упоминается в PageSpeed Insights
Вы, наверное, знаете отчет об охвате в Chrome. С помощью этого инструмента вы можете найти неиспользованные активы в%.
Здесь тоже ( это еще один проект, связанный с web Vitals и Puppeteer..
Как пройти тест Google PageSpeed (100/100) с помощью React и Next.js
PageSpeed Insights — это бесплатный онлайн-инструмент от Google, который измеряет производительность вашего сайта. Показаны как скорость загрузки страниц для мобильных устройств, так и оценки для настольных компьютеров, а также даны предложения о том, как можно улучшить эту оценку.
Google часто ссылается на PageSpeed как на важный фактор ранжирования как для Google Search, так и для Google Ads (например: Скорость теперь является фактором целевой страницы для Google Search и Ads )...