Публикации по теме '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 )...