Оптимизация скорости загрузки сайта

12
Роман Липатов
На сайте с 10.02.2008
Offline
169
1191

Здравствуйте!

Озадачили показатели реальной скорости загрузки страницы:

Проверил сайт через tools.pingdom.com

Скриншота первого теста у меня нет, но время полной загрузки страницы составляло около 9 секунд.

Убрал все Google шрифты и заменил из на нативные "безопасные".

Да, стало не так красиво, как было, но гораздо быстрее.

Дальше, обнаружил что виджет социальных кнопок AddThis тоже прилично влияет на скорость загрузки страницы. Убрал и его.

Но надо еще быстрее.

Убрал весь Adsense со страницы и получил заветные цифры.

Не понимаю, что делать дальше. Adsense то не уберешь. А из-за него падает скорость. Также непонятно, почему это происходит - ведь Adsense подгружается асинхронно...

Конечная цель - поднять зеленую зону:

fliger
На сайте с 17.09.2015
Offline
69
#1
romagromov:
Adsense то не уберешь. А из-за него падает скорость.

Оптимизировать скрипт AdSense, убрав его в отдельный файл (загружать перед тегом </body>, т.е. в конце страницы).

Роман Липатов
На сайте с 10.02.2008
Offline
169
#2
fliger:
Оптимизировать скрипт AdSense, убрав его в отдельный файл (загружать перед тегом </body>, т.е. в конце страницы).

Не понимаю...

То есть создать отдельный JS файл и подгрузить его перед тегом </body>?

Я просто вставляю код в том место шаблона, где должен выводится код Adsense

	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890"
data-ad-slot="1234567890"
data-ad-format="horizontal"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

И так 3 раза на странице.

Объясните детальнее ваш метод.

Спасибо.

S
На сайте с 30.09.2016
Offline
459
#3
romagromov:
Также непонятно, почему это происходит - ведь Adsense подгружается асинхронно...

Асинхронно - это не значит, что без тормоза. Это значит, что тормоз будет позже.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
fliger
На сайте с 17.09.2015
Offline
69
#4
romagromov:

Объясните детальнее ваш метод.

Там, где должны отражаться блоки рекламы, ставьте пустые div с id.

В js-файле пишете скрипт - в цикле находите блоки с этими id (через getElementById) и вставляете в них код adsense (через appendChild), создав перед этим ins = document.createElement('ins'), а потом прописав ему параметры adsense.

Вызов файла _pagead2.googlesyndication.com/pagead/js/adsbygoogle.js вставляете в document.head.appendChild(js), создав перед этим js = document.createElement('script');

Если ничего не поняли, заказывайте скрипт за деньги.

romaamor
На сайте с 14.05.2015
Offline
67
#5
romagromov:

И так 3 раза на странице.
Спасибо.

Всё на много проще. В справке адсенса прямо сказано что ставить скрипт

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

если у вас на одной странице три рекламных блоков не нужно. Можно его прописать только один раз. То есть, в кодах рекламных блоков которые даёт адсенс можно в двух эту строчку убрать, а одну оставить.

Я у себя вообще вписал её один раз в футер и не парюсь. Да и ещё сам скрипт закачал на свой сайт ( но они могут в любой момент скрипт поменять у себя. Но то такое... :) )

Теперь PageSpeed Insights вообще кода адсенса не видит.

Роман Липатов
На сайте с 10.02.2008
Offline
169
#6
romaamor:
Всё на много проще. В справке адсенса прямо сказано что ставить скрипт
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
если у вас на одной странице три рекламных блоков не нужно. Можно его прописать только один раз. То есть, в кодах рекламных блоков которые даёт адсенс можно в двух эту строчку убрать, а одну оставить.
Я у себя вообще вписал её один раз в футер и не парюсь. Да и ещё сам скрипт закачал на свой сайт ( но они могут в любой момент скрипт поменять у себя. Но то такое... :) )
Теперь PageSpeed Insights вообще кода адсенса не видит.

Вот как раз об этом сегодня думал - зачем один и тот же jS несколько раз вызывать.

Роман Липатов
На сайте с 10.02.2008
Offline
169
#7
romaamor:
Я у себя вообще вписал её один раз в футер и не парюсь.

В футер, но в пределах body?

L
На сайте с 16.03.2012
Offline
295
lkm
#8

Вы херней страдаете, уважаемые.

Сайт с Адсенсом загружается 1,6 секунды. Без Адсенса - 1,4 секунды.

Но конечно же Адсенс во всем виноват.

А кроме Адсенса скриптов на сайте нет совсем, да? А картинок тоже, видимо нет. И сервер самый быстрый, и отклик кратчайший, и вся статика вынесена отдельно и подключён CDN. Но давайте мы Адсенс уберём, и возникнет вопрос - а зачем нам вообще сайт?

Роман Липатов
На сайте с 10.02.2008
Offline
169
#9
lkm:
Вы херней страдаете, уважаемые.
Сайт с Адсенсом загружается 1,6 секунды. Без Адсенса - 1,4 секунды.
Но конечно же Адсенс во всем виноват.

А кроме Адсенса скриптов на сайте нет совсем, да? А картинок тоже, видимо нет. И сервер самый быстрый, и отклик кратчайший, и вся статика вынесена отдельно и подключён CDN. Но давайте мы Адсенс уберём, и возникнет вопрос - а зачем нам вообще сайт?

Вы первый пост прочитали?

Вышли на скорость 1.45 сек с 9.

Убрали внешние шрифты, убрали addthis, еще были работы проведены.

Но я показал на скриншотах, что adsense вывел отчет в зеленую зону.

В любом случае, стало понятно, что 3-х кратный вызов

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Это гонево.

Я, допустим, на это просто не обращал внимание. Несколько лет.

Сейчас по вашим подсказкам - обратил внимание. Убрал.

Отклик - 0.2 - 0.25. Как уменьшить - подскажите.

CDN - юзал Clouflare. Но минусов больше, чем плюсов.

За внятные деньги другого ничего не нашел.

и сервер самый быстрый

Вот такой:

Intel® Core™ i7-4770 Quadcore Haswell, 240 GB SSD SATA-III, 32 GB DDR3

L
На сайте с 16.03.2012
Offline
295
lkm
#10

romagromov, то есть вы хотите сказать, что шрифты Google загружались у вас 6-7 секунд?

Вы сколько шрифтов подключали? 70?

Мое сообщение относилось скорее к следующему: если сайт грузится долго, то, скорее всего, причина глубже, чем «убрать Адсенс» и отключить внешний шрифт.

---------- Добавлено 01.10.2018 в 22:36 ----------

Так и где ответы на вопросы: кроме Адсенса джаваскриптов больше нет?

А css-файлов сколько? Как насчёт сжатия и кэширования? Изображения оптимизированы?

12

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