Публикации по теме 'lighthouse'


Пробираюсь к 100/100 на Google Lighthouse
Мой собственный опыт создания моего первого React SPA и пошаговый путь к достижению оценки производительности 100/100 и получению всех значков PWA в Google Lighthouse В этой статье я делюсь своим скромным опытом создания веб-продукта, с самого начала фокусируясь на оптимизации веб-производительности и реализации PWA для https://www.vinivox.com , моей личной попытки взломать цифровые заметки для дегустаторов вин. Постановка задачи Для каждого, кто серьезно относится к..

Вопросы по теме 'lighthouse'

Запустить аудит Chrome Lighthouse из командной строки
Я хотел бы написать сценарий, который запускает (из двоичного файла Chrome) его аудит lighthouse с указанным URL-адресом. Мне не удалось найти, как это сделать, но поскольку есть даже расширение Chrome, я предполагаю, что это должно быть...
6969 просмотров
schedule 03.04.2023

InvalidDocument: ключ не должен содержать '.' и insert_one()
Эй, у меня есть json из https://github.com/GoogleChrome/lighthouse , который я хочу сохранить с pymongo на mongodb. Есть несколько клавиш с точками, поэтому я получаю следующие ошибки: InvalidDocument: ключ «74245.20» не должен содержать «.»...
2324 просмотров

Отчет Lighthouse – проблема с контрастностью специальных возможностей – есть мысли о том, как ее решить?
Я пытаюсь улучшить показатель доступности Lighthouse и знаю, как справиться со всем, что он мне бросает, за исключением одного. У меня проблема с цветовым контрастом, из-за чего я использовал символ Юникода ★ для некоторых оценок. Он окрашен в...
1371 просмотров
schedule 08.03.2023

Как исправить manifest.json 404 на страницах github
Я работаю над прогрессивным веб-приложением с помощью Create-React-App, и при развертывании на страницах Github я получаю 404 для android-chrome-192x192.png. Похоже, что манифест запрашивает его у myName.github.io/ вместо myName.github.io/myProject/....
5440 просмотров

Angular routes возвращает ошибку 404 в Google Lighthouse
У меня есть веб-сайт angular, он работает нормально в облаке и локально, но когда я тестировал его с помощью lighthouse в google chrome, все тесты не прошли, потому что он возвращал 404 страницы, которые я не могу обнаружить, поэтому я запускаю сборку...
451 просмотров
schedule 24.02.2023

Ошибка Google Lighthouse при загрузке изображений webp
Я пытаюсь улучшить свой результат в Google Lighthouse. Он рекомендовал использовать форматы изображений следующего поколения, включая webp, поэтому я реализовал обслуживание webp вместо изображений, где заголовок принятия запроса включает webp,...
588 просмотров
schedule 19.02.2023

Как сделать скриншот и показать его пользователю после проверки скорости страницы?
Недавно я работал со скоростью страницы API Google, теперь я хочу показать снимок экрана миниатюры после аудита. Но я не знаю, как сделать скриншот с сайта пользователя?
241 просмотров
schedule 13.08.2022

отчет маяка; обнаружены небезопасные запросы
когда я тестирую свой веб-сайт (он находится вне моего компьютера) с помощью инструмента lighthouse в Chrome, появляется этот отчет; Все сайты должны быть защищены с помощью HTTPS, даже те, которые не обрабатывают конфиденциальные данные....
99 просмотров
schedule 15.03.2023

Lighthouse работает изолированно или требует доступа в Интернет?
Я не мог найти явных заявлений по этому поводу, и просто хотел убедиться. Lighthouse работает изолированно или требует подключения к какой-либо службе Google или, по крайней мере, подключения к Интернету? Я много лет использовал Lighthouse...
245 просмотров
schedule 20.12.2022

Маяк в GitLab CI
Я пытаюсь использовать Lighthouse в GitLab CI для запуска сканирования удаленного веб-сайта после развертывания. Задание продолжает выдавать ошибку. Конфигурация моей работы выглядит так: lighthouse: stage: scan image:...
1144 просмотров

Ускорение производительности Gatsby
На работе мне дали задание повысить производительность моего проекта. В настоящее время оценка Google Lighthouse колеблется, но в целом она не так хороша, поэтому мы пытаемся выяснить, как повысить ее производительность, чтобы иметь возможность...
2309 просмотров

Не использует пассивных слушателей для повышения производительности прокрутки (Lighthouse Report)
В недавнем отчете Lighthouse отмечена следующая проблема. Не использует пассивных слушателей для повышения производительности прокрутки. Также упоминается ... Пометьте слушателей событий касания и колесика как passive , чтобы...
24993 просмотров
schedule 30.08.2022

Проблема в неправильном размере ‹source› или в том, что GPSI / Lighthouse определяет размер адаптивного изображения?
Использование следующего кода для обслуживания адаптивных и оптимизированных изображений. <picture> <source type="image/webp" sizes="(max-width: 793px) 100vw, 793px" srcset="...
265 просмотров

Какой лучший способ минимизировать совокупный сдвиг макета для адаптивных изображений с различным соотношением сторон?
Если у вас есть элемент <picture> с источниками изображений с разными соотношениями сторон в разных точках останова, как лучше всего минимизировать CLS, используя соотношение сторон и медиа-запросы в CSS?
2742 просмотров

Может ли использование twitter bootstrap cdn существенно повлиять на производительность моего сайта?
В моем проекте laravel я использовал artisan для установки бутстрапа, и он автоматически загружал файлы app.css и app.js, которые в основном являются бутстрапом. Поэтому, когда я использовал маяк для проверки производительности своего сайта, я...
42 просмотров
schedule 10.05.2022

Самая большая содержательная краска (LCP) на маяке - это тег p. (Используя Гэтсби)
Я не знаю, почему мой LCP будет тегом p, и я не знаю, что бы я сделал, чтобы уменьшить его размер. Иногда доходит до 2,6 с и дает желтый рейтинг (вместо зеленого). Это тег p. Все эти классы являются классами начальной загрузки. <p...
4056 просмотров

Google Insight показывает очень низкую производительность в приложении angular
Я запускаю приложение angular, которое показывает очень низкий балл в аналитике страниц Google (13 на мобильных устройствах и 43 на компьютерах). Я запускаю это на сервере Nginx, и все проблемы со сжатием и кешированием решаются со стороны Nginx, но...
1794 просмотров

Могу ли я полагаться на отчеты Google Lighthouse (особенно для мобильных сайтов)?
Мы начали использовать Lighthouse, чтобы отслеживать улучшения, которые мы вносим на наши сайты. Хотя это, кажется, работает достаточно хорошо для настольных сайтов, то есть мы видим, что значения со временем улучшаются, и по мере внесения изменений...
772 просмотров

chrome-aws-lambda + lighthouse всегда приводит к ошибке: подключите ECONNREFUSED 127.0.0.1:9222
Dockerfile FROM public.ecr.aws/lambda/nodejs:12 COPY index.js package.json /var/task/ RUN npm install --save-prod CMD [ "index.handler" ] package.json { "name": "lighthouse2", "version":...
498 просмотров

как Google Lighthouse вычисляет время оценки javascript и почему оно сильно различается для одних и тех же скриптов в разных средах
Я работаю над улучшением показателей производительности веб-сайта. Запустив lighthouse в Reduce JavaScript execution time под diagnostics , я вижу, что для некоторых из моих js-скриптов много Script Evaluation времени. Если я запускаю...
102 просмотров