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

    Можете использовать IntersectionObserver.
    Как это работает?
    На нужный dom-элемент навешивается наблюдатеть с колбеком, внутри которого можно делать всё, что угодно. В вашем случае при срабатывании element.isIntersecting это будет загрузка всех стилей/скриптов слайдера и его инициализация.

    Посмотрите пример: https://codepen.io/alnidok/pen/eYNeGMQ

    Поддерживается практически всеми современными браузерами:
    https://caniuse.com/#feat=intersectionobserver
    Ответ написан
    Комментировать
  • Как оптимизировать сайт в таком случае?

    Не совсем понял по поводу изображений. Зачем загружать изображения одного размера, а в коде указывать двойной? Возможно вы не знаете про srcset?

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

    Добиться оценки > 90 в PageSpeed/Gtmetrix можно очень просто: выполнив отложенную загрузку всего, что не нужно пользователю в момент первого рендера. Это относится например к загрузке сразу всех изображений, к встраиванию стороннего кода (типа чатов и карт).

    И позволю не согласиться с выражением, что вы "оптимизировали уже все, что можно". Выше я дал ряд рекомендаций, которые вами скорее всего не использовались. Конечно, это не полный перечень, но начать стоит именно с этих вещей.

    Вот ссылка на похожий вопрос, где я более подробно расписал рекомендации.
    Ответ написан
    Комментировать