Форум Сайтостроение Веб-строительство

[DLE] Как поднять PageSpeed Insights до 90?

K1
На сайте с 15.11.2014
Offline
158
karen1994
3960

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

Вот второе как сделать???? Сейчас у меня head выглядит вот так 

<head>

{headers}

    <!--DonBot-->

{include file='engine/modules/donbot.php?tag=nofollow&pages=addnews,feedback,lostpassword,register,rules,stats,search,pm,favorites,newposts,lastnews,lastcomments,date,userinfo,allnews,alltags,tags,xfsearch,catalog,catp'}

    <!--webmaster.mail.ru-->

<meta name='wmail-verification' content='f490ae8d76e42a00d66d659f28f3ed0e' />

    <!--Объявлений уровня страницы Adsense-->

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

<script>

  (adsbygoogle = window.adsbygoogle || []).push({

    google_ad_client: "ca-pub-7486352048989874",

    enable_page_level_ads: true

  });

</script>

    <!--Sistem Points-->

<link media="screen" href="{THEME}/points/style/points.css" type="text/css" rel="stylesheet">

<script type="text/javascript" src="{THEME}/points/js/reflection.js"></script>    

    

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">    

<script type="text/javascript" src="{THEME}/js/jquery-2.2.4.min.js"></script>

<link rel="stylesheet" href="{THEME}/fancybox/jquery.fancybox.css" type="text/css" media="screen" />

<script type="text/javascript" src="{THEME}/fancybox/jquery.fancybox.js"></script>

<link rel="shortcut icon" href="{THEME}/images/favicon.png" />

<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />

<link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

<link href="{THEME}/style/font-awesome.css" type="text/css" rel="stylesheet" />

<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<script src="{THEME}/js/libs.js"></script>

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

    </head>

Что нужно сделать, чтобы сервис PageSpeed Insights не ругался... Сейчас у сайта 0/0 баллов(

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#1
karen1994:
Вот второе как сделать????

скомпоновать все в один файл, а js перенести в конец документа.

karen1994:
Что нужно сделать, чтобы сервис PageSpeed Insights не ругался... Сейчас у сайта 0/0 баллов(

обратиться к человеку с этого /ru/forum/webmasters-jobs/programming раздела.

L0
На сайте с 15.04.2015
Offline
76
Leks007
#2
0/0 баллов

за скорость или удобство ?

даже не представляю, что надо "сделать" для такого результата.

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

перенести данный код как можно ниже на странице

Да, я опасен! Я говорю вам - правду
seocore
На сайте с 25.09.2006
Offline
143
seocore
#3
karen1994:
Что нужно сделать, чтобы сервис PageSpeed Insights не ругался... Сейчас у сайта 0/0 баллов(

Проблема в полноразмерных картинках, пример 1600px × 900px (в масштабе 810px × 470px). Подгоните все картинки под реальную ширину центральной колонки - 810px, а полноразмерную картинку размещайте по ссылке (при клике на эту миниатюру). CSS/JS можно не оптимизировать, там и так все не плохо.

Инструменты для веб-мастера: кластеризатор СЯ (https://goo.gl/MQWfqO), все запросы конкурента (https://goo.gl/hd5uHS), дешевые XML-лимиты (https://goo.gl/aDZbPI)
Спрашиваем и отвечаем по как часто обновляется индекс Ссылка на картинку?
WEMASTER
На сайте с 16.08.2012
Offline
95
WEMASTER
#4

Перенесите js и css в низ кода страницы.

Также было бы не плохо минимизировать как js, css так скомпонировать их в один файл (css и js).

Ну и отдачу с компрессией (GZIP) никто не отменял.

dma84
На сайте с 21.04.2009
Offline
168
dma84
#5

В общем, как показала практика, люди не умеют читать.

Повторю: "Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы" именно для CSS означает, что пейджспиду крайне не нравится, что у вас в блоке head грузятся стили, которые не используются на странице. Может быть так, что загружается файл глобальных стилей, а в нём половина селекторов не юзается на тестируемой странице. В данном случае встаёт вопрос: "А что лучше, подгрузить 1 раз сжатый файл стилей, или для каждой страницы генерить свои стили отдельно, тем самым угождая PageSpeed, но насилуя сервак, себя и канал посетителя (лишние запросы, кэш 100500 файлов стилей)?", ИМХО первый вариант предпочтительнее.

Ещё пример: вы грузите в футере скрипт фансибокса, а стиль подключаете в шапке (что, собственно, правильно и валидно). В таких случаях, чтобы угодить ненавистному педжспиду, предлагается непосредственно в jQuery-плагин подключить стиль:


$('head').append('<link rel="stylesheet" href="/css/plugin.css" type="text/css">');

В общем на стили можно смело забивать и помнить, что не шибко умный PageSpeed очень любит ругаться на малый срок действия кэша внешних ресурсов, включая аналитикс и от оценки 100/100 ничего, кроме вашей самооценки, не изменится.

---------- Добавлено 13.07.2016 в 14:17 ----------

WEMASTER:
Перенесите js и css в низ кода страницы.

А как вы себе это представляете в плане CSS? Если уж загоняться по PageSpeed, то на валидность грех класть орган.

Удалить из верхней части Рекомендации от Google PageSpeed распараллеливания загрузки CSS-файлов
L
На сайте с 10.02.2015
Offline
260
livetv
#6
karen1994:
"Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы"

У меня оно все внизу, а гугл все равно ругается :)

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#7

livetv, подключение файла стилей оставляйте в head.

L
На сайте с 10.02.2015
Offline
260
livetv
#8
Gerga:
livetv, подключение файла стилей оставляйте в head.

Сначала перенес и стили вниз.

Но страничка дергалась при загрузке.

Забил на гугл и перенес назад вверх еслинственный файл стилей.

Но скрипты остались внизу.

П.С.

Хотел бросить пруфы на баг гугла, но уже все норм. :)

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#9
livetv:
Но страничка дергалась при загрузке.

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

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