Ответы пользователя по тегу Client side optimization
  • Нормальные ли это показатели для такого сайта в гугл спид?

    Скрипты и стили карты грузите только в тот момент, когда посетитель до неё доскролит - получите баллов 10 дополнительных и на этом можно остановиться.

    То же самое можно сделать со слайдером и галереей - начать грузить скрипты только когда пользователь явно захочет с ними повзаимодействовать. Но это уже сложнее.

    В целом, такой лендинг можно довести до 95-100 баллов, но тогда придётся отказаться от аналитики, jquery и её плагинов и Бутстрапа - то есть сделать его вёрстку дороже в два-три раза, если у вас нет большого опыта такой работы.
    Ответ написан
    3 комментария
  • Что вы делаете чтобы получить хороший балл на google page speed, и нужно ли вообще заботиться об этом?

    alexey-m-ukolov
    @alexey-m-ukolov Куратор тега Веб-разработка
    Что я могу сделать что бы получить хороший балл?
    Там ниже на странице есть список конкретных рекомендаций и пояснений.

    И нужно ли мне думать об этом, пока я еще новичок во фронтенде?
    Нужно, но не очень усиленно. Многие вещи проще сделать на старте проекта, а для этого о них нужно знать. Если вы потратите сейчас пару часов на разбор каждой рекомендации Лайтхауса, вы довольно сильно поднимете свой уровень в этом вопросе.

    В реальности очень много зависит от клиента - они могут не захотеть делать нормальные изображения, отключать или откладывать загрузку сторонних скриптов (Я.Метрика + Живосайт легко могут сожрать 20 баллов сами по себе).
    Но разработчик должен делать всё, что в его силах, для улучшения результата. У вас, например, ради карты в подвале грузится полмегабайта скриптов Yandex API, что блокирует сайт на 4 секунды. Разумеется, её нужно грузить лениво, когда человек реально туда доскролил.
    Ответ написан
    Комментировать
  • Один CSS файл или несколько на сайт?

    alexey-m-ukolov
    @alexey-m-ukolov Куратор тега CSS
    Как делаете вы?
    Один файл с общими стилями всего проекта, ещё один с общими стилями раздела (шапка, подвал, специфические стили админки и т.п.) и ещё один файл со стилями специфичными для страницы.
    Если настроено HTTP/2, то последний файл можно заменить россыпью файлов каждого блока со страницы. Но нужно замерить производительность такого подхода в каждом конкретном случае.

    к каждой странице подключается ... сборщик, который их сливает
    Какой ещё такой сборщик?

    Через что оптимизировать?
    Через что хотите.

    После оптимизации насколько удобно такой код поддерживать?
    Поддерживаете вы неминимизированные исходники, поэтому настолько же, насколько и до.

    препроцессоры - чем они могут помочь?
    Прочитайте любую статью про препроцессоры, там всё объясняется.
    Ответ написан
    Комментировать