#6 Оптимизация Page Speed Insight Google | Публикация на Хостинг | HandyHost | Марафон вёрстки

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024

Комментарии • 54

  • @eugenbondarev4086
    @eugenbondarev4086 5 лет назад +12

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

  • @Евгений-х4л2щ
    @Евгений-х4л2щ 5 лет назад +2

    Артём, большущее спасибо за этот марафон, просто кладезь полезной информации для новичков! От души!

  • @ТимурСагайдаков
    @ТимурСагайдаков 4 года назад

    Спасибо Артём за еще один очень классный плэйлист. Узнал очень многое, впервые настроил и работал с Git, упрочил знания Sass и методологии БЭМ.

  • @korban111
    @korban111 3 года назад

    сколько классной инфы!!!!спасибо за твой труд.Мир

  • @deadscorpion1200
    @deadscorpion1200 5 лет назад

    О! То что нужно! Спасибо!) Сейчас как раз сам встрял с оптимизацией GooglePageSpeed. Теперь понятнее стало, что да как с этими ВСЕМИ замечаниями делать. В курсе "Веб-разработчик" не все моменты освещены, ввиду того, что сам GooglePageSpeed старый был, и даже сжатые файлы JS CSS генерил.

  • @ЭдуардАлександер
    @ЭдуардАлександер 5 лет назад +2

    Здравствуй Артем! Супер марафон, замечательно преподнесен, как и всегда! Вообще советую всем кто хоть раз смотрел твои ролики оставаться на твоем канале, и не жалеть подписываться на него. Единственный минус в данном марафоне это твой микрофон)) А так супер!

  • @outofrange9100
    @outofrange9100 4 года назад +1

    Твои уроки огонь! Спасибо! Запиши еще по оптимизации, если сайт посажен на cms 🙏🏼

  • @SaintBoogieman
    @SaintBoogieman 5 лет назад +1

    Спасибо за труд. Было невероятно полезно.

  • @MaciFree
    @MaciFree 5 лет назад +4

    очень полезный материал, спасибище огромное, прокачал свой скилл 💪

  • @Alexander-yr8ul
    @Alexander-yr8ul 4 года назад

    Cпасибо Вам огромное

  • @Стас-п5ы7у
    @Стас-п5ы7у 5 лет назад +1

    Очень крутой ролик! Спасибо!

  • @saskirakosyan5268
    @saskirakosyan5268 5 лет назад +1

    Артем а где в проекте серверний язык??например php, Nod.js вы неиспользовали?можно без этого обайтись?

  • @ДимаШаповалов-о6ъ
    @ДимаШаповалов-о6ъ 5 лет назад +1

    Очень полезно, спасибо Артём)

  • @МурадАхмедов-ч1с
    @МурадАхмедов-ч1с 5 лет назад +3

    И ещё хотелось бы узнать будет ли видео, к котором будет показано, как оптимизировать изображения на retina, там вроде нужно два набора изображений, обычные и 2x. Только не пойму как показывать одни на retina, а другие на обычных и чтобы 2x изображения не загружались совсем, если не retina.

  • @walterwhite2104
    @walterwhite2104 5 лет назад +21

    А будет подобный ролик только по WordPress?

    • @Glo_Academy
      @Glo_Academy  5 лет назад +8

      Пока не планировал, но возможно запилю

    • @hairy_nose
      @hairy_nose 5 лет назад

      куда полезнее бы было на Drupal)))

    • @zebrajjj
      @zebrajjj 4 года назад

      @@hairy_nose и на jooml)))

  • @alexey5139
    @alexey5139 5 лет назад +1

    Для сжатия изображений есть отличный инструмент с открытым исходным кодом (без проблем находится для win, для *nix думаю можно собрать) caesium

  • @nikolay_it_master
    @nikolay_it_master 5 лет назад +1

    познавательно, спасибо. (лэндинг такой длины возможно через PUG удобнее или же gulp-rigger)

  • @alexles5003
    @alexles5003 4 года назад

    Артем. Расскажите пожалуйста во сколько можно оценить такой объем проделанной работы. Ну или какой-то коридор расскажите типа от ... до ...

  • @m_mariya_mari
    @m_mariya_mari 4 года назад

    много интересного в ролике - Спасибо! а что насчет Яндекс Метрики? есть ли какие то соображения по ее оптимизации?

  • @yaroslav_travelchem
    @yaroslav_travelchem 5 лет назад

    Добрый вечер Артем! Помогите пожалуйста с моментом оптимизации карты. Мне очень понравился ваш способ отложной прогрузки карты при прокрутке к секции. Я реализовал по вашему коду в своем тестовом проекте, все четко работает...но на десктопе. На мобильном не работает, можете пояснить почему и как это поправить?

  • @МурадАхмедов-ч1с
    @МурадАхмедов-ч1с 5 лет назад +5

    На счёт сжатия изображений, есть плагин прям в vs code который работает с tinyPNG

  • @ramiresjan
    @ramiresjan 4 года назад

    Здравствуйте ! Вопрос по gulp tinypng выдал ошибку [14:34:42] Did you forget to signal async completion?

  • @МурадАхмедов-ч1с
    @МурадАхмедов-ч1с 5 лет назад +1

    В общем-то понятно, что будет: сжатие css по средствам vs code, сжатие js, изображений и перенос стилей шапки в верхнюю часть ну и как вариант ленивая загрузка изображений после шапки ну или может финалку сразу через галп пропустят.
    А может быть ещё чем-то удивят.
    Ждём )!

    • @Glo_Academy
      @Glo_Academy  5 лет назад

      Ничем не удивлю, если процесс уже знаком

    • @МурадАхмедов-ч1с
      @МурадАхмедов-ч1с 5 лет назад

      Привет Артём, Скажи пожалуйста, когда ты делаешь background-size: cover и background-position: fixed - на ipad 3 например изобращение очень сильно искажается, не знаю как на более свежих версиях. Есть ли какой то аналог такой связки? Ато какой-то осадок остаётся на душе когда сдаёшь проект заказчику, вдруг посмотрит с ipad, или ты особо не паришся о таких вещах?

  • @Kot_off
    @Kot_off 4 года назад

    Не понял, откуда взяли файл .htaccess ? ссылку можно

  • @НикитаПахомов-м9ш
    @НикитаПахомов-м9ш 5 лет назад +1

    Почему когда вставляю карту через js, у меня ничего не работает, делаю все в точь точь как у тебя, помоги, пожалуйста, очень важная вещь

  • @giftforyoupls
    @giftforyoupls 5 лет назад

    Спасибо большое за полезное видео! Скажите, а настройки отзывов в виде слайдера не будет?

  • @kappapride6226
    @kappapride6226 3 года назад

    Оп, а вот то, что я искал со своими 80 баллами за сайт

  • @СергейПривалов-ч5н

    Артём хорошее видео. А на 25-ой минуте ты говорил про форматы картинок, а можно ли по подробней рассказать что да как)

  • @ArtemAB
    @ArtemAB 5 лет назад

    Optipic кстати работает, просто там надо подождать немного

  • @ArtOfFun
    @ArtOfFun 5 лет назад +3

    *Угарнул сass )))*

  • @truefantomas
    @truefantomas 4 года назад

    Кэширование можно настроить на стороне сервера для всех статичных файлов. Проверено, не менее 4 месяцев.

  • @ZeevKazakov
    @ZeevKazakov 4 года назад

    Как это сделать в WordPress?

  • @LapshinOfficial
    @LapshinOfficial 5 лет назад

    Привет, Артем. Задам интересны вопрос и может быть тему для видео. Так и не нашел дельного ответа в гугл. В общем сейчас https популярен, как прописать в htaccess редирект с www на без www и еще и с http на https - в общем чтобы главное зеркало было https и домен без www. Может ребята кто-то знает. P.S. использовал разные настройки из гугла, проблема бесконечной переадресаци....

  • @walterwhite2104
    @walterwhite2104 5 лет назад +1

    Для фоток всегда юзаю сайт optimizilla

  • @BlackBimerBoy
    @BlackBimerBoy 5 лет назад +3

    Некоторые советы помогли, но вот с картинками и js вообще прям беда)

  • @grantruss5238
    @grantruss5238 5 лет назад +4

    У связного вообще 25% и никто на это особо не смотрит )
    У apple 73%, но шрифты на первых секундах загрузки сайта не грузятся

    • @Glo_Academy
      @Glo_Academy  5 лет назад +1

      Иногда заказчики просят. Поэтому показал этот способ. А так, оптимизировать надо под свои задачи

    • @grantruss5238
      @grantruss5238 5 лет назад +1

      Да я ничего против не имею, просто оптимизация популярных компаний для них вообще никакой роли не играет )
      Это так для галочки ^)

    • @AlmazkaAlmazka
      @AlmazkaAlmazka 5 лет назад

      Заказчики смотрят - вот кто смотрит)

  • @DjHitmanChannel
    @DjHitmanChannel 5 лет назад +1

    Тёма вставляет интеграции не хуже чем вилсаком, так беспалевно)

  • @leem0ne
    @leem0ne 5 лет назад

    Для сжатия картинок я иногда запускаю Кракена ))) - kraken.io

  • @nestromae
    @nestromae 5 лет назад

    это не серьезно, выведи на 90 попугаев магазин на ву с кучей метрики

  • @ultraqazaq4920
    @ultraqazaq4920 5 лет назад

    Отл