Медленная загрузка сайта wordpress, что делать?

Question

[maratmd]

Всем привет, есть сайт https://best-mebel-116.ru/ загружается около 10 секунд. Что можно сделать для оптимизации.

Стоят плагины оптимизации Autoptimize и Clear Cache

Что сделать можно для быстрой загрузки в браузере, хотя бы чтобы сайт частично, но появлялся в браузере.

В технических тонкостях wordpress не силен

Comments

[Александр]

Посмотрите Vue.js
Мне кажется что подобные сайты-визитки лучше на Vue.js делать.
Но там сложнее: придется Front и Back составляющие разрабатывать.
Чем у вас PHP занимается?

Answer 1

[Александр]

F12 в браузере не помогают? )))
_Chat_socket.min.js = 419 ms
Что то там от yandex 371 ms
leadback.js 344 ms
widget.php который тянет leadback.ru 303 ms
некоторые jpg = 100 - 250 KB .... а не многовато ли ?
Музыка это приятно ... но ...
Постоянный редирект на другие сайты
ну и так далее ...
Лично мое мнение сайт перегружен JS - пока у клиента он не отработает - сайт тормозит с загрузкой...
И у меня в консоле много[Violation]
Например: [Violation] 'requestAnimationFrame' handler took 226ms

Comments

[maratmd]

Музыка это приятно ... но ...
Постоянный редирект на другие сайты
ну и так далее ...

Это что значит?я в этом не силен

[Александр]

maratmd,
F12 открывает, назовем это, инструмент разработчика.
Находим вкладку - Сеть (Network)
Там строиться временная диаграмма загрузки сайта (страницы)
далее анализируем )))
Временные интервалы зависят от компьютера и интернета, первый раз зашли или через какое то время. У меня и у вас они могут отличаться )))
Что я вижу:
После загрузки картинок идет вызов leadback.js который заставляет соединяться с leadback.ru. Потом идут шрифты 16 раз с fonts.gstatic.com. Потом мы еще и лезем на cloudim.ru запуская чат. Еще tag.js от yandex подтормаживает. И все это одновременно )))
Общая загрузка 7-8 сек.

1. Надо пересмотреть шаблон страницы так, что бы сторонние скрипты грузились последовательно и желательно в конце страницы, а не в середине. Например, webvisor от yandex загружается в самом конце.
2. Попробовать фонты закрузить на свой сайт и от туда их дергать.
3. Попробовать JS файлы тоже к себе скачать.

[Александр]

maratmd,
Еще посмотрите консоль в отладчике. Куча ошибок )))

Answer 2

[Анатолий]

Жесткий дизайн:
- пикнул онлайн консультант, я чуть с кресла не выпрыгнул
- после открытия страницы не понимаешь, где ты находишься, все пестрит. Упростите дизайн. Ваши клиенты понимают куда им нажимать? Посадите за компьютер бабушку, увидите ее реакцию на дизайн и юзабилити
- 90% информации можно убрать без потери смысла, люди сейчас не любят читать!
- у Вас нет понимания о порядке загрузки, например шрифт можно загрузить в самом конце, а до этого отображать какой-то похожий. Зачем вообще столько шрифтов, ну 2-3 еще ладно..

Короче, даже не знаю с чего Вам начать оптимизацию, наверно с нуля.

Comments

[ТыжСисАдмин]

При таком дизайне, начинать нужно с головы и переосмысления своего понимания прекрасного :)

[Анатолий]

Да еще хотел спросить, вот Вы пишите:
"В технических тонкостях wordpress не силен"
а в чем Ваша сильная сторона?

[Александр]

Может это Заказчик )))

[Анатолий]

Александр, этот вопрос из разряда:
У меня в кастрюле лежит какашка, подскажите ингредиенты, чтобы получить конфетку.
Блин, ну чтобы ты туда не положил, кто это есть будет? ))
Первое что нужно сделать наверно убрать все лишнее из кастрюли ))

[Александр]

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

[Анатолий]

Александр, про то, что сайт какашка - речи не было! Это был только пример, все действующие лица вымышлены ))
Если у человека через такой сайт приходят клиенты, и сайт хорошо ранжируется поисковиками, то за него можно только порадоваться.

PS. Если Вы считаете, что будет каша... ))) Наверно у Вас есть опыт. Но я бы воздержался от его употребления ))

[maratmd]

Анатолий, предложи вариант идеального сайта услуг по твоим собственным меркам, пример

[Анатолий]

maratmd,
скажу лишь основные критерии:
- свободный дизайн (ничего лишнего, все по делу, основное выделяется)
Пример:
но пример картинки именно свободного места, все остальное там не очень
- уникальное предложение (в вашем случае может быть время выполнения заказа)
- при входе на сайт сразу понятно, о чем сайт ( первое что бросилось в глаза на Вашем сайте - телефон и 27 сек для перезвона )
- логичное юзабилити, как в банкоматах по снятию наличности. Нажал на кнопку "Выдать" - получил бабло.
- и у Вас не картинная галерея - переведите все на иконки, чтобы даже иностранец (без знания языка) - мог понять о чем речь.
- Много информации, которая нужна на конечном этапе принятия решения. Ее можно либо в конец, либо под спойлер.
- Если уж решили картинки показывать, то показывайте 2 картинки: было/стало


ну и можно много чего еще написать.
Хотел привести какой-то пример сайта из Интернета, но там ничего толкового не нашел, похоже не опытные копирайтеры везде статьи пишут. И бестолковые дизайнеры - дизайн делают.
Не утверждаю, что таких сайтов нет, просто сходу не нашел, поэтому без примера.

Answer 3

[peecaboo]

Соглашусь с Анатолием и добавлю, что вам в дальнейшей работе все же потребуются знания в технических тонкостях не только WordPress, но и смежных областях, либо человек с такими знаниями. Сами вы сделали вроде и все, что могли, но, как видите, этого недостаточно. Нужно с нуля все продумать так, чтобы было оптимизировано, а не делать, как нравится и думать потом, как ты сделать ещё и побыстрее