Repolode
thedaviddias

thedaviddias/Front-End-Performance-Checklist

Подробный чек-лист производительности фронтенда: HTML, CSS, шрифты, изображения, JavaScript и настройки сервера, с пояснениями и ссылками на инструменты.

Звёзды
17,381
Форки
1,255
Открытые issues
1
Последний коммит
9 дней назад

Что это?

Front-End Performance Checklist — это большой список правил производительности, по которому фронтенд-разработчики могут проверить сайты и приложения. Для каждого правила объясняется, почему оно важно и как его применить; к большинству пунктов прилагаются ссылки на инструменты и статьи для дальнейшего изучения.

Чек-лист охватывает HTML, CSS, шрифты, изображения, JavaScript и доставку контента на стороне сервера, а также содержит разделы о популярных фреймворках и WordPress. У каждого пункта есть отметка о низком, среднем или высоком приоритете — так проще решить, за что взяться в первую очередь. Среди тем — минификация, ресурсы, блокирующие рендеринг, критический CSS, форматы веб-шрифтов, ленивая загрузка, адаптивные изображения, service workers, HTTPS, заголовки кеширования и сжатие.

В репозитории также собраны инструменты для тестирования и мониторинга производительности, например WebPageTest, PageSpeed Insights, Lighthouse и Sitespeed.io, а ещё приведён список переводов на другие языки.

Ключевые возможности

  • 01В одном чек-листе охвачены HTML, CSS, шрифты, изображения, JavaScript и доставка контента на стороне сервера.
  • 02Для каждого правила объясняется, почему оно важно и как применить исправление.
  • 03Пункты помечены как имеющие низкий, средний или высокий приоритет.
  • 04Есть ссылки на инструменты тестирования, например WebPageTest, Lighthouse и PageSpeed Insights.
  • 05Включены разделы о производительности React, Angular, Vue и WordPress.

Сценарии использования

  • Проверить сайт или веб-приложение перед запуском и выявить проблемы с производительностью.
  • Познакомить фронтенд-разработчиков с распространёнными практиками повышения производительности.
  • Встроить проверку производительности в процесс разработки команды.
  • Подобрать инструменты для измерения скорости загрузки страниц и мониторинга её изменений со временем.

Темы

Частые вопросы

Что такое Front-End-Performance-Checklist?
Подробный чек-лист производительности фронтенда: HTML, CSS, шрифты, изображения, JavaScript и настройки сервера, с пояснениями и ссылками на инструменты. Front-End Performance Checklist — это большой список правил производительности, по которому фронтенд-разработчики могут проверить сайты и приложения. Для каждого правила объясняется, почему оно важно и как его применить; к большинству пунктов прилагаются ссылки на инструменты и статьи для дальнейшего изучения.
Front-End-Performance-Checklist можно использовать бесплатно? Какая у него лицензия?
Front-End-Performance-Checklist распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
Front-End-Performance-Checklist всё ещё поддерживается?
Активно поддерживается. Последний коммит в Front-End-Performance-Checklist — 13 окт. 2026 г..
Для чего можно использовать Front-End-Performance-Checklist?
Проверить сайт или веб-приложение перед запуском и выявить проблемы с производительностью. Познакомить фронтенд-разработчиков с распространёнными практиками повышения производительности. Встроить проверку производительности в процесс разработки команды. Подобрать инструменты для измерения скорости загрузки страниц и мониторинга её изменений со временем.
Где скачать Front-End-Performance-Checklist?
Исходный код и инструкции по установке — на GitHub: https://github.com/thedaviddias/Front-End-Performance-Checklist

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Бесплатный книга-справочник с открытым исходным кодом для подготовки к собеседованиям на фронтенд-разработчика: форматы собеседований, системный дизайн, викторины, задачи по программированию и темы конкретных компаний.

44 тыс.5,9 тыс.JavaScriptMITОбновлён 17 дней назад