Бесплатный книга-справочник с открытым исходным кодом для подготовки к собеседованиям на фронтенд-разработчика: форматы собеседований, системный дизайн, викторины, задачи по программированию и темы конкретных компаний.
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 обновляется ежедневно.
Похожие проекты
Учебная программа для начинающих: 12 недель и 24 урока по HTML, CSS и JavaScript с практическими проектами — от террариума до космической игры.
Профессиональный стартовый шаблон HTML, CSS и JavaScript для создания быстрых, надёжных и адаптивных сайтов и веб-приложений.
Чек-лист из 386 правил лучших практик фронтенд-разработки для людей и AI-агентов, с размещённым MCP-сервером для автоматизированных аудитов.
Бесплатный 30-дневный курс JavaScript с пошаговыми уроками, упражнениями и мини-проектами для начинающих.
Подборка практических советов по CSS: сброс стилей, компоновка, селекторы, типографика и адаптивные размеры с короткими примерами кода.