Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

A
На сайте с 14.10.2015
Offline
14
16414

Приветствую!

Нужен совет опытных вэб-разработчиков.

Есть сайт, у которого проблема с гуглом.

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

С сервисом "Проверка удобства просмотра на мобильных устройствах" вроде разобрались допилив роботс.

А вот с PageSpeed Insights проблема.

- Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

- Оптимизируйте загрузку видимого контента

- Используйте кэш браузера.

Плагины помогают, но не полностью. Можно ли что-то сделать не трогая файлы шаблона?

И вообще, на WordPress с не самым примитивным шаблоном и десятком плагинов реально набрать хотя бы 90/100 в PageSpeed?

Оптимизайка
На сайте с 11.03.2012
Offline
396
#1
Albatron:
Плагины помогают, но не полностью. Можно ли что-то сделать не трогая файлы шаблона?

Ну если не трогая файлы шаблона то вам сюда

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
Focky
На сайте с 09.06.2013
Offline
80
#2

Если под "проблемами с гуглом" имеется ввиду плохое ранжирование, то исправление этих рекомендаций никак не улучшит ситуацию. Если только в теории и мизерно, косвенно, за счет улучшения пф на страницах вследствии быстрой загрузки страниц. На практике вы ничего не заметите. Копайте в других местах.

Покупаю ссылки с качественных сайтов строительных тематик. Рассмотрю любые варианты. Личка.
Александр
На сайте с 17.07.2009
Offline
371
#3

как уже сказали выше, всё это фикция, так как после того как вы всё сделаете для более быстрой загрузки сайта (к примеру уберёте JS в подвал) гугл будет ругаться на то что нет необходимых файлов (в гугл вебмастере) и так по кругу.

По своему примеру, могу сказать, что не скорость загрузки, не всё это колдовство с оптимизацией картинок и прочая муть, никакой роли в видимости сайта в гугле не играет.

Сайты на WordPress тут просто летают! (https://vk.cc/atAGUU)
A
На сайте с 14.10.2015
Offline
14
#4

На стационарных машинах не играет.

А на мобильных очень даже.

Люди пишут, что выдача гугла на компе и на мобильнике значительно различается. Да я и сам это видел.

И есть мнение, что зависит это как раз от оптимизации сайта под эти сервисы.

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

ПС. А если дело не в этом, то в чём? В чём принципиальная разница оптимизации под гугл и под яндекс, в двух словах?

theKashey
На сайте с 22.02.2012
Offline
70
#5

На мобилах тоже не играет. Невероятно, но без CSS сайт будет выглядеть как говно. И потому css должен прилететь до того, как что-то на странице появиться.

Другое дело, что там может быть "не весь" css, и уж конечно без data-uri - нужные хвосты можно будет загрузить уже асинхронно.

Но гугл этого не понимает. Он даже на свою рекламу или виджеты G+ ругается...

A1
На сайте с 02.08.2016
Offline
1
#6
Albatron:
Приветствую!
И вообще, на WordPress с не самым примитивным шаблоном и десятком плагинов реально набрать хотя бы 90/100 в PageSpeed?

JCH Optimize - супер-мега плагин для Joomla и Wordpress для оптимизации скорости под Page Speed Insights вплоть до 100%.

Вот яркий пример:

https://developers.google.com/speed/pagespeed/insights/?url=https://aurveda.by/&tab=desktop

A
На сайте с 14.10.2015
Offline
14
#7
theKashey:
Другое дело, что там может быть "не весь" css, и уж конечно без data-uri - нужные хвосты можно будет загрузить уже асинхронно.
Но гугл этого не понимает. Он даже на свою рекламу или виджеты G+ ругается...

Ну так это задача разработчика - поставить скрипты и стили в нужное место так, чтобы и функционал не нарушался, и гугл был доволен.

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

Опять же CSS. Можно для хедера стили прямо в HTML добавить... хоть это и моветон, но ради любви гугла что не сделаешь 🤣

Что касается скриптов - пока что сделал асинхронную загрузку плагином. Но сам плагин - это тоже скрипт и на него тоже ругается. Может есть способ код js этого скрипта в HTML вшить?

---------- Добавлено 03.08.2016 в 14:14 ----------

Anton1m:
JCH Optimize - супер-мега плагин для Joomla и Wordpress для оптимизации скорости под Page Speed Insights вплоть до 100%.
Спасибо. Изучу его возможности.
A1
На сайте с 02.08.2016
Offline
1
#8
Спасибо. Изучу его возможности.

Возможности PRO версии воистину впечатляют: можно выполнить все условия гугла.

Я даже лендинг в 3 мегабайта оптимизировал:

https://developers.google.com/speed/pagespeed/insights/?url=http://kuhni.mebel-pod-zakaz.by/&tab=desktop

Особенно мне понравилась возможность удалять из серверного кэша определенных страниц ненужные файлы (например, лишний JS, незадействованный на текущей странице). Кроме того, можно вывести в шапку CSS-правила верхних элементов страницы, а весь остальной CSS/JS код разместить внизу, реализовать асинхронную загрузку JS. В общем, все возможные условия Google можно выполнить, и к тому же сократить вес страниц.

theKashey
На сайте с 22.02.2012
Offline
70
#9
Albatron:
Может есть способ код js этого скрипта в HTML вшить?

async в подключении мозгов и некий протокол ( тот же push как в адсенсе ) для inline скриптов.

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