Google PageSpeed \u200b\u200bInsights merită. Google PagesPeed Insights a actualizat complet: Lucrul cu metrici
Bună tuturor! De mult timp am vrut să scriu un articol despre viteza Google Page, deși am scris deja despre accelerarea și optimizarea site-ului și am dat sfaturi pentru a vă ajuta să măriți indicatorul în Viteza paginii Google. Dar vorbim astăzi despre un prieten, recent am încetat să vă îngrijorați de performanța mea în serviciul Google Speed \u200b\u200bși să încercăm să o măriți. La un moment dat am crescut rata de la 2% la 87% impresionant nu este adevărat!? Dar, după un timp, trebuia să schimb șablonul site-ului meu WordPress, după care indicatorul a scăzut la 63%, probabil șablonul era mai greu decât cel precedent.
De asemenea, mai târziu la instalarea unui plugin, care afișează site-ul grilă adaptivă Anunțuri de înregistrări, indicatorul a scăzut încă la 30%. Adică, înțeleg că trebuie să aleg fie un loc frumos, fie un indicator înalt în serviciul Google Speed. Mai mult, am observat că indicatorul nu poate fi ridicat de 50-70% și nu afectează viteza de deschidere a site-ului în browser. Cu un indicator de 63%, site-ul meu funcționează fără probleme, bineînțeles, dacă abandonați aproape toate pluginurile și alegeți un subiect pentru site-ul mai ușor, puteți crește indicatorul la 90-100%. Dar ce să faci? De dragul cifrelor? De dragul dedicării?
Viteza paginii Google consideră fiecare kilobyte! Dacă imaginea de pe site-ul dvs. poate fi optimizată, adică să strângeți câteva kilobyte, atunci Google va coborî indicatorul, atâta timp cât nu scoateți cuplul Kilobyte. Aceasta este, doar din cauza câtorva kilobyte, indicatorul poate fi redus, dar în același timp nu conduce niciun fel de schimbări în ceea ce privește viteza site-ului, totul este încă! Atunci de ce o să conduc din cauza acestor kilobiți, umflată acolo, timp să-ți petrec timpul? Din nou, se dovedește doar de dragul numerelor, pentru că sunt mai bine și mai rece, aici arata ceea ce este indicatorul meu înalt, este nonsens!
Vreau doar să deranjez pe cei care se presupune că după ce au crezut figura în viteza paginii Google, site-ul lor va deveni imediat minunat vizitat, lor căutați interogări Creștere, etc Da, băieți, întoarceți-vă! Destul de ore agățat acolo, petreceți timpul pierdut, faceți-l mai bine site-ului dvs., scrieți ceva util mai bine. Nu voi fi surprins că există oameni care nu dorm noaptea datorită faptului că au o figură mică în Viteza Google. În general, această cursă pentru un indicator înalt poate aduce la absurditate ... Nu, jucați în google Jocuri Nu mai vreau, voi avea destule.
Știu cum să fac un indicator înalt, dar nu mai este interesant pentru mine, mă întreb dacă sunteți interesat să scrieți intrări utile pe site-ul dvs. web. Și nu voi schimba șablonul dvs. de dragul indicatorului înalt, în momentul în care sunt mulțumit de tot. Pentru ultimele, vreau să afișez o captură de ecran cu un indicator în Viteza paginii Google a celui mai popular și vizitat site-ul din Rusia - Vkontakte, probabil acolo și nu au auzit despre un astfel de serviciu.
Recomandările mele: Dacă aveți probleme cu site-ul, se încarcă încet, probleme cu serverul, creează Încărcătură mareEste posibil să aveți nevoie de un serviciu de viteză Google Page vă poate ajuta să dezvăluiți motivele și să vă ajutați să le eliminați. Dacă nu aveți probleme cu performanța site-ului, atunci nu trebuie să știți despre acest serviciu, nu are nevoie de tine, o creștere a indicatorului nu vă va ajuta, să luați timp și să confundați toate cardurile.
Este necesar să înțelegem că motorul WordPress în sine este un sistem greu, multe funcții și creșteri pe care sunt necesare resurse. Problema de încărcare a serverului poate rezolva numai creșterea limitelor de găzduire, adică trecerea la o rată mai mare sau la un server dedicat. Când se atinge un anumit indicator, acest proces este inevitabil și aici Viteza de pagină Google nu vă va ajuta.
Viteza paginii determină timpul total necesar pentru a descărca complet site-ul web. Când analizați site-ul, viteza de descărcare poate fi crucială pentru SEO. Utilizatorii părăsesc rapid pagina când încărcarea durează prea mult timp și motoare de căutare Ignorați paginile cu performanțe scăzute.
În plus față de utilitate pentru SEO există și alte motive pentru îmbunătățirea vitezei paginii. Site-urile rapide au o conversie mare, sunt mult mai convenabil pentru utilizator. Acest lucru poate atrage un număr mai mare de persoane pe site-ul dvs. și le face să se întoarcă din nou.
Cercetarea Google.
Să luăm în considerare câteva studii recente: timpul mediu petrecut pe descărcarea paginii țintă mobilă este de 15 secunde. Având în vedere că timp de trei secunde, vizitatorii ar trebui să decidă dacă doresc să rămână pe site-ul dvs. - aceasta este o discrepanță imensă.
Pe baza datelor prezentate mai sus, vedem că probabilitatea de îngrijire din pagină este în mare măsură depinde de încărcarea timpului:
- La încărcarea timpului de la 1 la 3 secunde, probabilitatea refuzului crește la 32%
- De la 1 la 5 secunde până la 90%
- De la 1 la 10 secunde, probabilitatea refuzului este deja de 123%
- Nu este greu să ghicești cât de mulți vizitatori pierdem.
Viteza paginii va fi un factor important pentru clasificare
Înapoi în 2010, Google a spus că numărul de pagini ar fi un factor de clasificare, dar a fost focalizat numai pentru versiunea desktop a site-urilor.
Și nu cu mult timp în urmă, un nou factor de referință a fost anunțat într-o căutare mobilă numită "Viteză Update". Actualizarea va intra în vigoare în iulie 2018, astfel încât proprietarii site-ului să pregătească timpul.
Conform sancțiunilor companiei, numai paginile se încarcă încet și furnizează experiențe negative ale utilizatorilor.
Nu trebuie să uitați că viteza site-ului este unul dintre mulți factori de clasificare. De exemplu, dacă aveți o pagină bine optimizată pe Google PageSpeed, dar are un conținut redus de nerezonabil - atunci cu greu poate lua poziții decente în motoarele de căutare.
- 1. Folosiți cache-ul din browser și compresia GZIP / Deflați. În cazul în care aveți Apache, este configurat în htcocess.
- 2. Optimizați imaginile. Eliminarea informațiilor inutile și comprimarea imaginilor poate reduce semnificativ greutatea acestora.
- 3. Reduceți resursele JavaScript, CSS, codul HTML. Dacă site-ul este în curs de dezvoltare, atunci este mai bine să lăsați acest element pentru a ușura codul de editare.
- 4. Utilizați versiune noua Protocolul http / 2. Este mai eficient, mai fiabil și supus unui număr mai mic de erori.
- 5. Mergeți la PHP7. Funcționează mai mult de două ori mai repede decât versiunea anterioară.
Dacă aveți nevoie de ajutorul unui specialist calificat, puteți întotdeauna pentru o analiză gratuită și evaluarea costului muncii.
Într-unul din următoarele articole, vom vorbi despre ce blocare scripturi și de ce nu este întotdeauna posibilă să scăpăm de ele.
Google PagePed este un instrument care vă permite să verificați viteza site-ului. Vă permite să estimați viteza de încărcare pentru PC-uri staționare și pentru dispozitive mobile Și emite recomandări care pot fi utilizate pentru a optimiza.
Rezultatul analizării vitezei de încărcare a site-ului arată astfel:
Verificați viteza site-ului de la Google PagesPeed Insights and Service recomandări
După analizarea vitezei de încărcare a site-ului, următoarele recomandări pot fi obținute cel mai adesea:
Optimizați imaginile
Cea mai frecvent întâlnită recomandări de servicii este legată de alegerea optimă Imagini pentru site. Conținutul grafic este foarte greu și poate încetini foarte mult descărcarea paginilor de resurse. Cele mai generale recomandări constau în alegerea formularului drept (cel mai adesea are sens să se utilizeze PNG), dimensiunea și calitatea imaginii. Și eu imagine de ansambluUtilizat ca fundal poate uneori să încetinească viteza de încărcare a site-ului. Trebuie întotdeauna să verificați imaginile și să maximizați dimensiunea și calitatea (dimensiunea și calitatea imaginii are sens pentru a seta minim acceptabil pentru o anumită resursă).
Activați compresia
O comprimare a serverului web este un parametru important care oferă viteză. Acesta este inclus de modulul mod_defilat în Apache sau în detrimentul Directivei Nginx.
Leverage cache-ul browserului
Stabilește dacă titlul este transmis și datele din browserul utilizatorului sunt stocate în cache. Caching-ul poate reduce semnificativ numărul de apeluri la server, ceea ce reduce sarcina pe ea și crește rata de returnare a datelor statice (care este cel mai mult pe orice site) către client
Eliminați JavaScript de blocare a rentabilității și CSS în conținutul de mai sus
JavaScript Codul implicit este executat ca o pagină este încărcată, o modalitate similară este procesată de CSS. Acestea. Dacă scriptul JS este conectat în corpul documentului, redarea sa este întreruptă de fiecare dată până când scriptul este îndeplinit. Puteți evita acest lucru adăugând când este conectat prin JavaScript și HTML corpul paginii va fi redat indiferent de codul executabil.
De exemplu, JS în modul asincron poate fi conectat astfel:
Minify CSS
Минификация CSS предполагает удаление лишних пробелом и переносов строк, что позволяет сократить время обработки браузером и увеличить скорость загрузки страницы для клиента
Minify HTML
Опция аналогичная предыдущей, но имеет отношение к HTML коду. Для минификации HTML и CSS могут использоваться OpenSource программные продукты, ссылки на которые размещены на сайте сервиса.
Avoid landing page redirects
Определяет используются ли редиректы, любые заданные перадресации с одного домена на другой и с одного сервера на другой означают дополнительные циклы запрос-ответ (запрос к серверу DNS и запрос непосредственно данных), что, естественно, увеличивает время через которое конечный пользователь получит контент сайта. Редиректов по возможности стоит избегать.
Prioritize visible content
В данном случае проверяется размер контента, который должен загружаться при переходе на главную страницу сайта, оптимизация не нужна если объем данных составляет менее 14.6kB сжатой информации, что соответствует размеру congestion window в протоколе TCP и означает, что не требуется повторное установление соединения для передачи информации, которая не может быть передана единовременно.
Reduce server response time
Pagespeed Insights выдает предупреждение о медленном ответе сервера в случае если содержимое страницы отдается менее, чем за 200 мс.
Google PageSpeed является очень полезным инструментом при оптимизации работы сайтов, но не следует доверять ему безоговорочно. Информация, выдаваемая Google PageSpeed не всегда корректна и чтобы понять критерии, которые оцениваются лучше обратиться к документации.
В частности, часто будет отображаться предупреждение, что не используется кэширование, хотя фактически
Сергей Арсентьев
Увеличить скорость загрузки сайта в Google Page Speed своими руками
Для достижения высоких позиций в поиске нужно, чтобы сервис Google Page Speed оценил скорость вашего сайта как высокую
Я замечал, что именно скорость сайта в Гугл имеет решающее значение при прочих равных основных факторах, типа внешних ссылок, внутренней оптимизации и возраста домена.
Поэтому для нормального SEO это очень важный этап, который нужно сделать после создания сайта.
Ну а начинаем мы с проверки текущих значений.
На ваш личный взгляд ваш сайт может летать, но это еще ни о чем не говорит для Гугла.
У него свои критерии проверки скорости сайта, поэтому идем сюда https://developers.google.com/speed/pagespeed/insights/
Вводим адрес сайта и жмем проверить.
Адрес вводите с http или https и при этом убедитесь, что сайт включен в нормальном режиме (не в режиме обслуживания), а разрешает индексацию всех важных элементов сайта.
Чем ближе результат к 100 баллам тем лучше
Нормой считается 80 баллов и выше.
Если у вас больше - отлично.
То есть если ваш результат 90 баллов, то дергаться и пытаться любыми способами сделать 100 - не слишком благодарное занятие.
Так что если у вас 80 баллов и выше, то не переживайте, а радуйтесь: большинство проектов имеет 40-50 баллов до оптимизации скорости загрузки.
Я лично считаю, что для проектов с большим функционалом даже 70 баллов по Google Page Speed - вполне приемлемо.
Ну а если у вас меньше 70 баллов, а тем более 20-30, то стоит серьезно задуматься об оптимизации скорости сайта под Гугл.
Я начну с самых простых способов и закончу сложными, которые подойдут для самых дотошных владельцев сайтов, которым нужно 100 из 100
Включить сжатие
Самый простой способ ускорения загрузки сайта для Гугла - это включить GZIP сжатие. Это специальный механизм архивирования данных "на лету", который поддерживается 99,99% хостеров.
Если ваш хостер не поддерживает его, то меняйте хостера (кого ).
Включить GZIP сжатие в WordPress можно с помощью плагина кэширования WP Fastest Cache
.
В Opencart с помощью плагина NitroPack
Если не хотите ставить плагины, то можете модифицировать данные прямо в файле.htaccess, который лежит в корневой папке сайта ().
Добавьте туда код, который формируют эти плагины. В конце статьи я выложу эти коды полностью из своих сайтов, чтобы кусками не выкладывать тут в каждом пункте, а то запутаетесь.
Сократите время ответа сервера
Зависит от серверов вашего хостера, их загруженности и прожорливости вашего проекта.
Иногда только один этот показатель может свести на нет все ваши усилия по SEO оптимизации проекта.
Важно проверить этот параметр скорости сайта по Google Page Speed в разное время дня или ночи - вполне возможно в данный момент сервер хостера просто перегружен запросами.
Если в другие часы будет все в основном хорошо, то на эпизодическую разовую загруженность можно до поры до времени не обращать внимания.
Если этот показатель стабильно плохой, то имеет смысл:
- поставить модули кэширования (я их рекомендую ставить каждому проекту в любом случае!), чтобы снизить нагрузку на слабый хостинг и время формирования страниц сайта.
- задуматься о смене хостера на того, у которого максимально быстрый хостинг или просто переходите на . Этого обычно хватает в большинстве случаев для развивающихся проектов.
- если есть лишняя копеечка, то закажите (скидка 20% по промокоду "moytop"). Это даст весьма стабильную и быструю работу сайта.
- самый сложный путь - это внутренняя оптимизация скриптов сайта (вплоть до полной переделке всего сайта). Это рекомендую делать в последнюю очередь, так как очень непросто и нормального специалиста за вменяемые деньги найти почти невозможно.
Используйте кеш браузера
Тоже несложный способ быстро повысить показатель в Google Page Speed.
Также как и в случае с GZIP сжатием решается через добавление кода в htaccess. Вы можете добавить его вручную или с помощью все тех же плагинов кэширования.
В конце статьи я приведу весь код целиком, сможете скопировать и попробовать добавить к себе в файл вручную через .
А лучше пользуйтесь проверенными плагинами, которые я уже предлагал выше.
Оптимизируйте изображения
Самый выгодный способ оптимизации, который легко может сделать каждый своими руками.
Задача - уменьшить качество картинок на сайте, чтобы они занимали меньше места и быстрее грузились.
Сделать это разумнее всего через сам Гугл Пейдж Спид.
Но придется делать это вручную, то есть придется повозиться!
Я больше года ищу нормальную программу, которая может автоматически ужимать по алгоритму Гугла картинки и сохранять структуру папок.
Увы, такой программы я не нашел. Пересмотрел всякие просмотрщики типа XnView, Infran, программы типа Caesium, FileOptimizer, Imbatch, ImageOptim, сервисы вроде TinyPng и т.п. - автоматизации нет.
Если кто знает такую программу - напишите в комментах.
Основные требования:
- сжатие по алгоритму Google (чтобы после загрузки готовых картинок они соответствовали требованиям Гугла по скорости загрузки)
- минимальные потери качества
- работа с сохранением структуры папок
- удаление метаданных и т.п. мусора.
- автоматическое определение входного и выходного формата
Ну а пока программы нет, то придется делать это "ручками".
Качаем и распаковываем.
А затем долго и муторно меняем файлы через FTP на сайте, заменяя старую версию на новую.
Увы, но качество картинок JPG теряется значительно.
PNG - качество остается весьма хорошее, почти как в оригинале, а размер уменьшается в 2-3 раза. Так что если у вас много PNG файлов, то будет очень большая экономия.
Я бы рекомендовал перед обновлением сохранить исходные оригинальные файлы, возможно, вам не весь результат уменьшения "от Гугл" понравится, сможете быстро восстановить отдельные файлы. Ну и сравнивайте в просмотрщике картинки перед заливкой, чтобы не заказать откровенно некрасивую картинку.
Выхода нет, чтобы получить высокую скорость сайта в Гугл придется пожертвовать качеством некоторых картинок.
Сократите CSS + HTML + JS
В данном случае Google Page Speed по аналогии с картинками просит вас выкинуть из файлов верстки, скриптов и кода страниц все лишнее - пробелы, комментарии и т.п.
Чтобы сами файл стали меньше "весить" и быстрее стала скорость загрузки сайта.
При использовании плагинов кэширования - это всё делается автоматически "на лету". Это наиболее удобный способ, так как не меняет ваш код, а создаёт отдельные - минифицированные файлы CSS и HTML, которые и подсовывает Гуглу и все счастливы.
Если минифицировать файлы в каком-то сервисе, то имейте ввиду, что потом какие-то изменения в таких урезанных файлах будет сделать проблематично.
Скачать уменьшенные файлы "от Гугла" можно там же где и картинки - они в одном архиве будут.
А вот перезаливать ими оригинальные файлы - сами решайте, в любом случае сохраните бекап старых файлов.
Оптимизируйте загрузку видимого контента
В большинстве случаев вы ничего с этим сделать не сможете, разве что переделать сайт заново.
Поэтому я бы постарался тут особенно не заморачиваться и заняться другими факторами скорости сайта в Гугл.
Удалите код JavaScript и CSS
Сложный пункт, который требует знаний и практики.
Вы, конечно, можете добавить возле загрузки каждого JS файла тег async или же поставить скрипт от Гугл для extsrc=, но по моим наблюдениям в 90% это или ничего не дает, или ломает сайт!
Нужен спец по JavaScript, который перетряхнет весь сайт и проанализирует все скрипты, чтобы они могли грузиться асинхронно и при этом не повредился никакой фукнционал.
А так как в том же WordPress обычно 9 из 10 скриптов - это внешние плагины, то там вы вряд ли что-то сделаете, так как они грузятся из своих папок и обновляются по 3 раза на неделю.
И ваши сделанные изменения банально затрутся.
Многие из Вас наверное пользовались замечательным сервисом от Google: PageSpeed Insights ? Хотите получить заветные 100 из 100?
Картинка для привлечения внимания
А дело-то за маленьким.
Итак, результаты моего теста.
Берем любой сайт, например, я взял бесплатный готовый адаптивный шаблон сайта перенес к себе на хостинг и запустил тестирование: Результат первого тестирования (ссылка на сайт):- скорость для мобильных - 79/100;
- скорость для компьютера - 93/100;
Жалуется на:
Исправьте обязательно:Делаем небольшие махинации. Переносим стили из файла в код:
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение.
Количество блокирующих ресурсов CSS на странице: 3. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Было:
Стало:
Și - Noroc! - avem rezultate de mai sus (link-ul la site):
- viteza pentru MOBILE - 99/100;
- viteza pentru calculator - 99/100;
Corect dacă este posibil:Dar această problemă poate fi rezolvată prin comprimarea codului. Să nu se raporteze la acest subiect.
Reduceți HTML.
Comprimarea codului HTML (inclusiv codul JavaScript încorporat sau CSS) vă permite să reduceți cantitatea de date pentru a accelera încărcarea și prelucrarea.
Și, de asemenea, nu uităm că, la urma urmei, nu am rezolvat problema descrisă mai sus:
Toate conținutul de la începutul paginii este afișat numai după încărcarea următoarelor resurse. Încercați să amânați descărcarea acestor resurse, să le încărcați asincron sau să încorporați cele mai importante componente direct în codul HTML.Cât de mult cântăresc în dosar, atât de mult cântăriți în cod!
Și acum foarte Întrebarea principală: Bug sau pene?
Mulțumesc!