@Rocknrolla99
Some text

Как правильно оптимизировать страницу?

Подскажите какие вы действия совершаете чтобы страница грузилась быстрее ?По стеку ничего кроме js html css.
Я сейчас не имею ввиду сложные циклы в JS которые тормозят страницу.
Если есть чем добавить список , напишите пожалуйста.

  1. Ужать картинки
  2. Минифицировать JS/CSS
  3. Минифицировать ХТМЛ-код
  4. Для изображений можно использовать лейзи лоад либу
  5. Разбить CSS файлы на основные стили и включить в страницу тегом style, вторичные стили - вынести в файл(ы) соотв.
  6. Настроить проверку на то, поддерживает ли браузер формат WEBP и если поддерживает - отдавать картинки в этом формате.
  7. Настроить проверку на то, поддерживает ли браузер формат WEBP и если поддерживает - отдавать картинки в этом формате.Здесь возможно не имеет смысле если используется лейзи лоад
  8. создать и настроить изображения разного размера для разных экранов

  • Вопрос задан
  • 122 просмотра
Решения вопроса 1
dantothefuture
@dantothefuture
You sleep, she sleeps, they sleep, I... don't.
+ Cache-Control
+ prefetch/preload
+ Service Worker (доп. бонус – js хранится в скомпилированном виде)
+ сервер поближе к ЦА
+ font-display: swap

Оптимизировать стоит не столько фактическую скорость загрузки страницы, сколько воспринимаемую. Т.е. если страница открывается моментально, но с заглушками, то пользователь всё равно не будет считать страницу загруженной до появления содержимого. Поэтому к первому экрану часто специально не применяют lazyload, например.

А вообще да, пользуйтесь аудитами в Chrome DevTools, очень удобно :)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы