Ускорение и оптимизация сайта Wordpress

#1 25 июня 2019 в 23:14
Требуется ускорить загрузку сайта по Google PageSpeed.
БЕЗ установки плагинов!
Что исправить:
► Устранить ресурсы, блокирующие отображение
► Удалить неиспользуемый код CSS
► Сократить время ответа сервера (время до получения первого байта)
► Уменьшить размер кода JavaScript
► Использовать современные форматы изображений
► Уменьшить размер кода CSS
► Сократить время выполнения кода JavaScript
► Минимизировать работу в основном потоке
► Настроить показ всего текста во время загрузки веб-шрифтов
► Сократить размер структуры DOM
► Предотвратить чрезмерную нагрузку на сеть
► Задать правила эффективного использования кеша для статических объектов
Возможно удаление установленных плагинов — без потери работоспособности сайта.
#2 25 июня 2019 в 23:14
и это — каждое ВТОРОЕ задание на kwork!
#3 25 июня 2019 в 23:15
instantcms2 — просто невозможно столкнуться со всем этим ужасом!
#4 26 июня 2019 в 00:58
Если следовать инструкциям гугля, с сайта придётся удалить всё.
Потому что загрузку страницы тормозит просто всё.

► Устранить ресурсы, блокирующие отображение

@iKrym
Удалить весь яваскрипт.

► Удалить неиспользуемый код CSS

@iKrym
Придется организовать для каждой страницы свой CSS файл. А остальные стили не загружать.

► Сократить время ответа сервера (время до получения первого байта)

@iKrym
Перенести сайт на сервер рядом с гуглем.

► Уменьшить размер кода JavaScript

@iKrym
Удалить пробелы и переносы строк?

► Сократить время выполнения кода JavaScript

@iKrym
В процессе изобрести перпетуум мобиле.

► Минимизировать работу в основном потоке

@iKrym
Да, еще неплохо было бы узнать, о чем идет речь.

Возможно удаление установленных плагинов — без потери работоспособности сайта.

@iKrym
Удаление сайта без потери работоспособности сайта.
#5 26 июня 2019 в 09:13

instantcms2 — просто невозможно столкнуться со всем этим ужасом!

@iKrym
А вы любую страничку своего сайта на instantcms2, скажем с публикацией, проверьте в PageSpeed. Много интересного узнаете))
#6 26 июня 2019 в 09:18
На WP много красивых бесплатных шаблонов, об оптимизированных CSS, JavaScript вряд ли заботятся.

Перенести сайт на сервер рядом с гуглем.

Ris
Не помешал бы выбор страны, где находится сервер.
#7 26 июня 2019 в 09:24

об оптимизированных CSS, JavaScript вряд ли заботятся

@noname
Новые или относительно новые давно ок. Да и по большому счету не сложно все организовать, даже на перегруженных сайтах.
Но надо понимать, что хостинг общий, существенно отличается от условно личных ресурсов или личных. Выше головы не прыгнешь.
Хотя и на шареде можно подойти разумно и получить вменяемые показатели.
#8 26 июня 2019 в 09:30

Да, еще неплохо было бы узнать, о чем идет речь.

Ris
Для PC 97 (работа в потоке 0,8 сек.), для мобилы 65 и выдало

Мобила у гугла слабенькая что ли?
#9 26 июня 2019 в 11:19
Это без тестов видно. Некоторые шаблоны тормозные (Компакт, Мобильный). Компакт удалила поэтому. На демо шаблоне сайт летает, а на компакте с задержками грузится. Они старые и не улучшаются автором. На мобильном еще и вертушка крутится несколько секунд когда переходишь по страницам сайта. Хотя создан для мобильных. Зашла на сайт где установлен мобильный шаблон, пока эта вертушка крутилась, я передумала дальше смотреть этот сайт. И покинула его, пропал интерес ждать пока страница откроется.
#10 26 июня 2019 в 11:58

Что исправить:

@iKrym

У Вас вопрос риторический?
Или все таки нужны советы?

Если все таки советы… (хотя лучше это спрашивать на форуме Вордпресс)

Для начала если еще не делали..
Добавьте в файл .htaccess это:

  1.  
  2. <IfModule mod_deflate.c>
  3. # Compress HTML, CSS, JavaScript, Text, XML and fonts
  4. AddOutputFilterByType DEFLATE application/javascript
  5. AddOutputFilterByType DEFLATE application/rss+xml
  6. AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  7. AddOutputFilterByType DEFLATE application/x-font
  8. AddOutputFilterByType DEFLATE application/x-font-opentype
  9. AddOutputFilterByType DEFLATE application/x-font-otf
  10. AddOutputFilterByType DEFLATE application/x-font-truetype
  11. AddOutputFilterByType DEFLATE application/x-font-ttf
  12. AddOutputFilterByType DEFLATE application/x-javascript
  13. AddOutputFilterByType DEFLATE application/xhtml+xml
  14. AddOutputFilterByType DEFLATE application/xml
  15. AddOutputFilterByType DEFLATE font/opentype
  16. AddOutputFilterByType DEFLATE font/otf
  17. AddOutputFilterByType DEFLATE font/ttf
  18. AddOutputFilterByType DEFLATE image/svg+xml
  19. AddOutputFilterByType DEFLATE image/x-icon
  20. AddOutputFilterByType DEFLATE text/css
  21. AddOutputFilterByType DEFLATE text/html
  22. AddOutputFilterByType DEFLATE text/javascript
  23. AddOutputFilterByType DEFLATE text/plain
  24. AddOutputFilterByType DEFLATE text/xml
  25.  
  26. # Remove browser bugs (only needed for really old browsers)
  27. BrowserMatch ^Mozilla/4 gzip-only-text/html
  28. BrowserMatch ^Mozilla/4\.0[678] no-gzip
  29. BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  30. Header append Vary User-Agent
  31. </IfModule>
  32.  
И посмотрите что изменится (лучше-хуже).
Может несколько увеличится нагрузка на хостинг, но в целом на нормальном хостинге (даже шаред) работает без проблем.

ЗЫ: для Инстанта тоже подходит...

ЗЫ2: или тоже самое, но более сокращенный вариант:


  1.  
  2. <IfModule mod_deflate.c>
  3. AddOutputFilterByType DEFLATE text/html
  4. AddOutputFilterByType DEFLATE application/javascript
  5. AddOutputFilterByType DEFLATE text/javascript
  6. AddOutputFilterByType DEFLATE text/css
  7. <IfModule mod_setenvif.c>
  8. BrowserMatch ^Mozilla/4 gzip-only-text/html
  9. BrowserMatch ^Mozilla/4\.0[678] no-gzip
  10. BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  11. </IfModule>
  12. </IfModule>
  13.  
#11 26 июня 2019 в 12:08

и это — каждое ВТОРОЕ задание на kwork!

@iKrym

Что удивительного? это не только на Кворке… Школоло хочет, что бы трактор летал как самолет))
Главное написать задание, а вдруг кто исполнит))


ЗЫ: кстати про загрузку Инстанта 2.Х… (на главной реклама от Яндекса, много картинок, сайт объявлений, включено сжатие CSS и JS)...

вот показатели из метрики Matomo (Piwik) по реальному сайту:

Вот показатели по тесту на

tools.pingdom.com/

(Тест из Германии):

Хостинг шаред.
Были у меня результаты и получше на других сайтах, но в целом пойдет))...

Это про "тормознутость" Инстанта))

ЗЫ2: Для Инстанта 1.Х результат немного получше (хостинг один, но изображений на главной меньше):



#12 26 июня 2019 в 14:00
Объединять CSS-файлы, Объединять JS-файлы дает прирост в показателях, Сжимать HTML ломает виджет фильтр
#13 26 июня 2019 в 18:58
Интересно, а на форуме WP будут давать советы по Инстанту??? shock
Автор темы явно заблудился…
Когда то давно я знал WP и поэтому долго искал ему замену — ею стал Инстант! Причем это лучший из всех вариантов.
И стоит ли в этом г… WP ковыряться, да еще на форуме Инстанта?
#14 28 июня 2019 в 22:07
Почитал эту тему, решил оптимизировать. версия 1.10.3

#15 29 июня 2019 в 16:31

Интересно, а на форуме WP будут давать советы по Инстанту???

vikont

форума wp — нет
так как это не форумная система.

Но, если благодарные специалисты по SEO начнут создавать правильные темы и поддерживать их, тут
с правильным содержимым — посещаемость сайта будет расти
однозначно! ©
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.