Landing page сделан на Muse. Как увеличить скорость загрузки сайта?

Question

[Евгения Сатонина]

Здравствуйте.
Я с программированием не очень... Вот на adobe muse, накидал лендос. 100komodov.by
Изначально скорость загрузки сайта показывалась аж 25 секунд. Вот тут - tools.pingdom.com/fpt
Я ужал все изображения, выполнил все рекомендации гугла (практически), в итоге добился того, что этот же сайт показывает скорость загрузи от 4 до 7 секунд... Всё бы ничего, но по факту (я замерял таймером на телефоне) у меня сайт грузится 8 секунд. А точнее грузится 8 секунд верхняя шапка... Уже всё давно подгрузилось, а её всё нет и нет...
Вопрос, как сделать так, что бы верхняя шапка грузилась одновременно со всем контентом на первом экране. Или же раньше.... В общем буду рад любым советам... Спасибо!
100komodov.by

Answer 1

[Мак Алексей]

Откройте консоль разработчика FIrefox(Ctrl+Shift+K), Chrome(Ctrl+Shift+I)
Перейдите на вкладку Network
Перегрузите страницу

Вы увидите что-то вроде: i.imgur.com/WwUvbRn.png
Как видно, задержка вызвана не вашим хостом, а хостом шрифтов и timer.js.
Просто перенесите эти файлы на свой хост. Ну или переключитесь на репозиторий Google.
Шрифт весит полтора мегабайта! Тут, ничем не помогу.
У вас на лендинге загружается около 100 изображений, даже при их мизерном размере это длинная очередь.
Файл с надписью "заказать" в 100 экземплярах!

Comments

[Евгения Сатонина]

А как перенести этот шрифт к себе на сервер, и скрипт таймера ? Я вчера добавил прелоадер, вроде стало лучше... Скажите, так, с Вашей точки зрения, сайт грузится реально долго, или нормально ? Будет ли потенциальный клиент ждать загрузки ?

[Мак Алексей]

С прелоадером стало еще хуже. Я бы на месте клиента - ушел. Перетащите все скрипты в конец документа. Чтоб перенести их к себе на сервер, просто скачайте их, загрузите на свой хостинг и пропишите путь. В дополнение, отрежьте весь "магазин" и грузите его аяксом когда страница отобразится.

[Мак Алексей]

И Вы так и не убрали миллион копий файла "заказать" и "отправить".

[Евгения Сатонина]

Мак Алексей: может Вы сможете мне в этом помочь? Сколько эти правки Вы можете оценить по стоимости... Добить бы хотя бы до 3-5 секунд... Просто стандартными средствами muse этого не сделать, а руками я не умею -(

[Мак Алексей]

Jazzcool: Простите, сейчас вэбом не занимаюсь.

Answer 2

[Алексей Лебедев]

https://gtmetrix.com/
Делаем по PageSpeed Score и YSlow Score хотя бы 90%. Потом уже работаем дальше.

И не делайте кнопки картинками. Это грубое нарушение.

Answer 3

[Виталий]

Кнопки картинками делает сама Muse, тут ничего не поделать. А вот кол-во файлов и запросов можно снизить в 5-10 раз, вот решение как раз для для товарного лендинга — Как ускорить загрузку сайта на Adobe Muse.


Так же для сайта с большим количество изображений есть вариант сделать отложенную загрузку — подключить LazyLoad .
Для сайтов с видео подойдет вариант быстрого плеера с Ютуба