Публикации по теме '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 просмотров
schedule
27.06.2023
Отчет 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 просмотров
schedule
08.05.2022
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 просмотров
schedule
31.08.2022
Ускорение производительности Gatsby
На работе мне дали задание повысить производительность моего проекта. В настоящее время оценка Google Lighthouse колеблется, но в целом она не так хороша, поэтому мы пытаемся выяснить, как повысить ее производительность, чтобы иметь возможность...
2309 просмотров
schedule
29.03.2023
Не использует пассивных слушателей для повышения производительности прокрутки (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 просмотров
schedule
14.11.2022
Какой лучший способ минимизировать совокупный сдвиг макета для адаптивных изображений с различным соотношением сторон?
Если у вас есть элемент <picture> с источниками изображений с разными соотношениями сторон в разных точках останова, как лучше всего минимизировать CLS, используя соотношение сторон и медиа-запросы в CSS?
2742 просмотров
schedule
30.07.2023
Может ли использование twitter bootstrap cdn существенно повлиять на производительность моего сайта?
В моем проекте laravel я использовал artisan для установки бутстрапа, и он автоматически загружал файлы app.css и app.js, которые в основном являются бутстрапом. Поэтому, когда я использовал маяк для проверки производительности своего сайта, я...
42 просмотров
schedule
10.05.2022
Самая большая содержательная краска (LCP) на маяке - это тег p. (Используя Гэтсби)
Я не знаю, почему мой LCP будет тегом p, и я не знаю, что бы я сделал, чтобы уменьшить его размер. Иногда доходит до 2,6 с и дает желтый рейтинг (вместо зеленого).
Это тег p. Все эти классы являются классами начальной загрузки.
<p...
4056 просмотров
schedule
29.03.2022
Google Insight показывает очень низкую производительность в приложении angular
Я запускаю приложение angular, которое показывает очень низкий балл в аналитике страниц Google (13 на мобильных устройствах и 43 на компьютерах). Я запускаю это на сервере Nginx, и все проблемы со сжатием и кешированием решаются со стороны Nginx, но...
1794 просмотров
schedule
23.06.2023
Могу ли я полагаться на отчеты Google Lighthouse (особенно для мобильных сайтов)?
Мы начали использовать Lighthouse, чтобы отслеживать улучшения, которые мы вносим на наши сайты. Хотя это, кажется, работает достаточно хорошо для настольных сайтов, то есть мы видим, что значения со временем улучшаются, и по мере внесения изменений...
772 просмотров
schedule
29.05.2023
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 просмотров
schedule
12.06.2023
как Google Lighthouse вычисляет время оценки javascript и почему оно сильно различается для одних и тех же скриптов в разных средах
Я работаю над улучшением показателей производительности веб-сайта. Запустив lighthouse в Reduce JavaScript execution time под diagnostics , я вижу, что для некоторых из моих js-скриптов много Script Evaluation времени.
Если я запускаю...
102 просмотров
schedule
16.05.2022