Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Помощь в оптимизации сайта в pagespeed

Discussion in 'Услуги программиста PHP, скрипты и тд' started by VVyacheslaVV, Jun 9, 2021.

09.06.21 в 14:48
12.06.21 в 23:28
6
852
0
  1. TopicStarter Overlay
    VVyacheslaVV

    VVyacheslaVV Посетитель

    Joined:
    Jan 31, 2020
    Messages:
    55
    Best Answers:
    0
    Ratings:
    +5 / 2 / -0
    Всем привет!
    Требуется помощь в оптимизации сайта по рекомендациям Google PageSpeed.
    Хотелось бы самостоятельно это сделать, чтобы разобраться и в дальнейшем понимать что к чему, но требуется консультация грамотная. Готов заплатить.
    Скрин с проблемами в оптимизации прикрепляю.
    Сайт 3.topkinofilm.net
     

    Attached Files:

  2. kosta6832

    kosta6832 Зелёный

    Joined:
    Jun 6, 2017
    Messages:
    24
    Best Answers:
    0
    Ratings:
    +10 / 2 / -0
    Для начала стоит настроить кэш, в инете полно примеров как это сделать через .htaccess.

    Все изображения нужно подгружать только тогда, когда они необходимы. Можно использовать lazysizes (aFarkas/lazysizes)
    Использовать так: <img class="lazyload" data-src="url image" alt=""> чтобы не ругался валидатор (w3c) можно использовать так <img class="lazyload" data-src="url image" src="#" alt="">

    Все js желательно объединить в 1 общий файл, подключать внизу страницы.
    Все фрагменты кода (слайдеры и т д) которые начинают работать сразу при загрузке странице нужно убрать в конец файла.

    Дополнительно можно обернуть в:

    setTimeout(() => {
    // js code
    }, 1000);

    Если есть css который необходим для работы библиотек (слайдеры, попап и т д), тоже нужно убрать вниз страницы.
    engine.css, dle_filter.css тоже можно убрать в конец страницы, основные стили находятся в styles.css

    Изображения который находятся на первом экране нужно максимально сжать (онлайн сервисов полно).
    В идеале нужно вообще все сжимать.

    В head добавить такой код:
    <link rel="preload" href="{THEME}/fonts/fontawesome-webfont.woff2?v=4.5.0" as="font" type="font/woff2" crossorigin="anonymous">

    Для всех шрифтов нужно использовать font-display: swap;
     
    #2 kosta6832, Jun 9, 2021
    Last edited: Jun 9, 2021
    • Нравится Нравится x 1
    • Согласен Согласен x 1
  3. redissx

    redissx Бывалый

    Joined:
    Sep 23, 2015
    Messages:
    892
    Best Answers:
    8
    Ratings:
    +1,078 / 176 / -0
    Самое главное что дает максимально баллов и что надо сделать в первую очередь:
    - картинки. Тут решает ленивая загрузка
    - загрузка первого экрана. Тут рецепта нет, все индивидуально
    - внешние подключения. Тут всякие хитрости типа setTimeout

    остальное это мелочи

    Статьи об оптимизации по Google PageSpeed Insights
    Google PageSpeed Insights
    В помощь. Сам я тут не со всем согласен
     
  4. Ботяра

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    0
    Best Answers:
    54
    Ratings:
    +711 / 74 / -0
    в ДЛЕ есть уже скрипт lazyload, второй раз аналогичный скрипт подключать не нужно.

    вообще какого-то универсального способа нет, всё индивидуально, главное просто по максимуму выполнить все советы которые предлагает гугл.
     
  5. technoman

    technoman Бывалый

    Joined:
    May 9, 2019
    Messages:
    311
    Best Answers:
    0
    Ratings:
    +73 / 10 / -0
    Попробуй для начала сжать все картинки модулем. например через MWS Image Resizer или аналогичными
     
  6. Rahmukov

    Rahmukov Бывалый

    Joined:
    Mar 4, 2016
    Messages:
    511
    Best Answers:
    2
    Ratings:
    +114 / 11 / -0
    Да на картинки очень влияет оптимизация.
     
  7. wawe

    PRO Users

    Joined:
    Jan 23, 2017
    Messages:
    3,557
    Best Answers:
    6
    Ratings:
    +1,581 / 410 / -0
    Можно так:
    [​IMG]
    P.s.
    От шаблона многое зависит.
     
Яндекс.Метрика