WordPress пайдаланушыларына арналған Semaltтың Google PageSpeed нұсқаулығы
Google PageSpeed Insights (қысқаша PSI) - бұл веб-әзірлеушілер үшін жақсы құрал. Оның ниеті сөзсіз жақсы, бірақ оны WordPress сайтының орташа иесіне жарамайды деп айтуға болады. Жақында PageSpeed Insights WordPress қолданушылары үшін арнайы түсініктемелер енгізгенімен, оның ұсынған есептің көптеген аспектілері қарапайым пайдаланушылар үшін тым техникалық болып табылады.
Бұл нұсқаулықта біз «аударуға» және PageSpeed туралы не айтып отырғанын қарапайым сөздермен сипаттауға тырысамыз және сіздерге қандай түсініктемелерге назар аудару керектігін және қайсысын қолдануға болмайтынын түсіндіреміз. Нұсқаулықтың бұл бөлігі тек зертханалық деректерді түсінуге және талдауға бағытталған. Алайда, басқа мақалада біз PSI ұсынатын ұсыныстар мен жақсартудың мүмкіндіктері туралы айтатын боламыз.
PageSpeed Insights жоюға тырысатын негізгі проблема
Соңғы уақытта WordPress сайттарының және басқа мазмұнды басқару жүйелерінің танымалдығы керемет түрде өсті. Бұлар дамудың минималды білімі бар немесе тақырыпты мүлдем білмейтін пайдаланушыларға салу тәсілі сайт жұмысының негізгі ережелеріне қайшы келетін сайттарды құруға мүмкіндік береді.
Веб-сайтты әзірлеуде білімі жоқ кез-келген адамға мүмкіндік беретін Бет құрастырушылары айтарлықтай әсер етеді. Егер сіз қарапайым және жеңіл веб-сайт жасасаңыз, ол автоматты түрде осы құралдарда жоғары балл алады, ең бастысы, серфингшілер үшін бұл тезірек болады, демек, пайдаланушының тәжірибесі жақсарады.
Google пайдаланушының жақсы тәжірибесін ынталандыруға және осы мәселелерді жоюға тырысады, басқалармен бірге сіз AMP деп аталатын жоба арқылы естіген боларсыз. Google «компания, егер сіз өзіңіздің сайтыңызға қажетсіз заттарды қосатын болсаңыз, онда оның жылдамдығы мен жүктеу уақытына әсерін азайту үшін не істеуге болатынын көрейік» дейді.
Бұдан басқа, бизнес моделі жарнама мен қызметтер болып табылатын Google сайттардың жылдамдығы мен интернеттегі қолданушылар тәжірибесінің жақсаратындығына сенімді болуы керек. Әйтпесе, жарнама ұсынатын Facebook сияқты жабық платформалар кірістің одан да көп бөлігін жейді.
Google PageSpeed көрсететін ақпаратты қалай түсінемін?
Google-дің жылдамдықты тексеру құралы қазіргі уақытта маякқа негізделген және әр сайтты ережелер негізінде бағалайды. Бұл ережелер мақсатты аудиторияға, оның мазмұнына немесе мақсатына қарамастан әр сайтқа қолданылады.
PageSpeed Insights мобильді және жұмыс үстеліндегі сайт өнімділігі туралы есептер ұсынады және қарастырылып жатқан парақтың өнімділігін жақсарту бойынша мүмкіндіктер мен ұсыныстар туралы ақпарат береді.
Зертханалық мәліметтерге қатысты аймақ деректері (тест деректері)
PSI зертханалық деректерді, сондай-ақ далалық деректерді ұсынады. Тек трафигі өте жоғары сайттар аймақ туралы мәліметтер деп аталатын бөлімде ақпарат алады, сондықтан сіз оны алмасаңыз, алаңдаудың қажеті жоқ.
Ағымдағы жазбада өріс деректерін кеңейтпейтін боламыз, бірақ біз сөз ететін зертханалық мәліметтер басқарылатын ортада алдын ала анықталған құрылғылар мен тіркелген желі параметрлерін қолдану арқылы жиналады делінген.
Зертханалық деректер проблемаларды бақылау, түзету және оңтайландырудың пайдасына сәйкес келеді, өйткені олар тұжырымдамалық жағынан өзгермейді. Зертханалық мәліметтер аймақ туралы мәліметтерден гөрі көбірек ақпарат береді, алайда олар шынайы әлемде пайда болатын және сайт жұмысына әсер ететін тар мәселелер туралы ақпарат бермейді.
Google PageSpeed-ті қалай пайдалануға болады?
Бастамас бұрын, Маяк ұсынған есепті түсінудің алғашқы қадамы - бұл туралы толық ақпарат алу үшін әр түсініктеменің жанында пайда болатын көрсеткіні басу керек екенін білу керек.
Есептегі мәселелерді түсіну және көру үшін сізге тереңірек үңілу керек, және бұл түсінікті деп ойлаймын. PSI ұсынған жалпы ұпайдан бастайық, мен сіздердің көпшілігіңіз бұл ұпайдың нақты нені көрсететінін білмейтіндігіңізге сенімдімін.
Жалпы ұпай
PageSpeed - Жалпы балл: PageSpeed ұсынған жалпы балл парақтың өнімділігі мен түсі бойынша қорытындылайды. Ұпай Маякты іске қосу арқылы анықталады және тексеріліп жатқан беттегі «стерильді» зертханалық деректерді ұсынады.
PageSpeed-тің проблемаларының бірі - әркім түсіне бермейтін түрлі түсті және сандық ұпайларды көрсету. Жасыл түс=жақсы, қызыл түс=жақсы емес. Бұл әдісті қолдану және жалпы ұпайдың мағынасын түсінбеу адамдарды сайттардың өнімділігі «болжанған» төмен деп қынжылады және оны қалай түзетуге болатындығы туралы түсініктері жоқ.
Пайдаланушылардың көпшілігі жасылдан аз нәрсе жеткіліксіз деп санайтындықтан, адамдар есепті қате түсіндіреді. Сондықтан бәрін ретке келтірейік »
Жалпы балды қалай түсіндіруге болады
Егер сіз жасыл түске ие болсаңыз, бұл сіздің сайтыңыз оңтайландыру бойынша ең жақсы пайызда екенін білдіреді және сайттың нақты жылдамдығы туралы көп нәрсе айтпайды.
100 ұпайы сіз ала алатын ең жақсы ұпай болып табылады және 98-ші процентильді білдіреді - жақсы өнімділікке ие сайт (шамасы). 50 ұпайы 75-ші процентилді білдіреді, демек, сіздің сайтыңыз Google тексерген сайттардың 75% -нан жоғары балл жинады және нақты жылдамдық туралы ештеңе айтпайды.
90 немесе одан жоғары балл жақсы балл, 50-90 орташа, ал 50-ден төмен төмен деп саналады.
Демек, сайттардың көпшілігі жасыл ұпай ала алмайды. Орташа техникалық мүмкіндіктері бар сайт жасаушы салған орташа WordPress сайты, мүмкін, жоғары балл ала алмайды. Оларды оңтайландыруға қарамастан, бұл сайттарда ұпай алуға зиян келтіретін көптеген элементтер бар.
PSI не үшін қолданылады?
PSI кері әсерін тигізеді және осы жағымсыз әсер ететін мәселелерді шешуге көмектеседі. Жақында біз әңгімелесетін сол «сынақ деректері» (зертханалық мәліметтер) кесте тұрғысынан ең заманауи ақпаратты ұсынады.
Мысалы, сіздің бетіңіз серферге көрсетілгенде және серфер сол парақта әрекеттерді жасай бастағанда. Бұл жалпы баллға әсер ететін нақты өлшемдер.
Зертханалық мәліметтер - Маяк
Егер сіз Lighthouse сынағын Chrome Developer Tools арқылы іске қосқыңыз келсе, оны ешқандай шолғыш кеңейтімі қосылмаған терезеде жасаңыз.
Сол зертханалық деректерді кеңейтіп, оларды бір-бірлеп сипаттайық. Жалпы, сіздің деректеріңіздің мақсаты - әрқайсысын мүмкіндігінше қысқа ету:
1. Бастапқы мазмұнды ұсыну - Бірінші мазмұнды бояу
Бастапқы мазмұнды көрсету (FCP) - бұл парақ сұралған сәттен бастап браузер DOM-да бірінші бит шығарғанға дейінгі уақытты өлшеу. Бұл пайдаланушы үшін маңызды кезең, себебі ол парақты жүктеу үшін кері байланыс ұсынады.
Басқаша айтқанда, браузер оны көрсету үшін бет кодын өңдеуге тиіс. «Бояу» термині пикселдерді экранда нақты көрсету процесін білдіреді. Мазмұнды бейнелеудің бастапқы суреті кез-келген мазмұнға, мәтінге, суретке немесе басқа мазмұнға серфер үшін экранда көрсетілуіне қанша уақыт кеткенін сипаттайды.
2. Негізгі мазмұнмен таныстыру - Бірінші мағыналы бояу
Негізгі мазмұнды көрсету (FMP) фигурасы серфер парақтың негізгі мазмұны ол үшін көрсетілгенін сезетін уақытты анықтауға тырысады. Әрине, тесттің бұл түрі негізгі мазмұнның не екенін нақты біле алмайды, сондықтан дәл емес.
Жалпы, Lighthouse мұны веб-қаріптер жүктелетін уақыттан басқа парақтың маңызды бөлігіне (бүктелген мазмұннан жоғары) ең маңызды өзгеріс енгізілетін уақыт ретінде анықтайды.
3. Жылдамдық индексі
Жылдамдық индексі біз сипаттаған алдыңғы екі өлшемге өте ұқсас. Бұл, әдетте, бет мазмұны серферге қаншалықты жылдам көрсетілетінін көрсетеді, сонымен бірге біз айтқан өлшемдер бойынша өлшенеді. Әрине, төмен балл=жақсы.
4. Процессордың бірінші жұмыссыз режимі - бірінші CPU жұмыссыз
Бұл көрсеткіш (FCI) және келесі уақыт «Интерактивтілікке» деп аталады, пайдаланушының қаралып отырған беттегі әрекеттерді орындау жылдамдығына сілтеме жасайды. Егер ол браузер кодты өңдеп жатқанда әрекетті орындауға тырысса, бұл батырманы басу деп айтылады. Содан кейін ол әрекет орындалғанша немесе әрекет мүлдем орындалмағанша біраз күтуге мәжбүр болады.
Процессордың әрекетсіздігі суреті парақтың интерактивті болуын қанша уақытты қажет ететіндігін, яғни пайдаланушының беттегі элементтердің көпшілігімен өзара әрекеттесе алатын және ақылға қонымды жауап уақытын алатын күйге жетуін көрсетеді.
5. Интерактивті уақыт
Интерактивті уақыт (TTI) бір парақтағы элементтермен өзара әрекеттесу кезінде парақтың интерактивті болуын қанша уақытқа созатынын анықтайды, мысалы жылдам жауап алу үшін батырманы басу (шамамен 50 мс).
Беттің интерактивтілігі бірнеше фактормен өлшенеді:
- Парақта пайдаланушыға қатысты мазмұн көрсетіледі (бастапқы мазмұнда көрсетілген деректерге сәйкес өлшенеді).
- Іс-шаралар өңдеушілері көрінетін элементтердің көпшілігінде көрсетілген.
- Парақ қолданушының іс-әрекетіне шамамен 50 мс ішінде жауап береді.
Мазмұн тезірек көрінетін етіп, бірақ интерактивтілік есебінен оңтайландыратын сайттар өте аз, бұл пайдаланушының көңілін қалдыруы мүмкін. Сайт толығымен жүктелген сияқты, бірақ пайдаланушы кез-келген әрекетті орындауға тырысқанда, ештеңе болмайды.
6. Бірінші енгізудің максималды кідірісі
Кірісті кідіртудің максималды бірінші суреті браузердің ең ұзақ әрекетті орындау уақытына байланысты, мысалы, бұл пайдаланушының батырмасын басу жылдамдығын кешіктіреді.
Мысалы, егер браузер бетте белгілі бір JavaScript-ті өңдеумен айналысатын болса (ол асинхронды емес), сіз өңдеу аяқталғанға дейін белгілі бір әрекеттерді орындай алмайтын шығарсыз.
Қорытындысында
Нұсқаулықтың осы бөлімінде біз PageSpeed ұсынатын зертханалық мәліметтер туралы әңгімелестік және осы деректердің әрқайсысының мағынасын түсіндірдік. Жақында уәде етілгендей, біз PageSpeed Insights-тің бізге ұсынатын мүмкіндіктері немесе түсініктемелері туралы егжей-тегжейлі сөйлесетін боламыз.
Соңғы сөздер -Ең көп ұпай жинау үшін есіңді жібермеңдер, сайт беттеріңнің жүктеу уақыты ақылға қонымды екендігіне көз жеткізіңдер +, бұл қолданушы тәжірибесіне әсері айтарлықтай болмауы үшін, ол жай баяу емес. Есіңізде болсын, 50 ұпайы сіздің сайтыңыздың оңтайландыру мәртебесі қаралған сайттардың 75% -нан жақсы екенін білдіреді.
Осы нүктеге жеткеннен кейін сапалы мазмұнға назар аударыңыз және басқа параметрлерге инвестиция салыңыз техникалық SEO. Егер анықтама саласында қажетті біліміңіз болмаса, хабарласыңыз Semalt сарапшылары. Арқасында сіз қысқа мерзімде керемет нәтижеге қол жеткізесіз autoSEO пакеті.
Бұл SEO жиынтығы онлайн-компания үшін нағыз «толық үй» болып табылады:
- Веб-сайтыңыздың көрінуін жақсартыңыз
- Өзгерту жылдамдығы жақсы болу үшін сайтыңыздың әр бетін оңтайландырыңыз
- Сапалы сілтемелерді құру
- Тиісті кілт сөздерді іздеңіз
- Веб-аналитика туралы толық есеп жасаңыз
Егер мұның бәрі сіздің сайтыңызда жақсы жасалса, сенің сайтыңыздың PageSpeed ұпайы одан төмен болса да, сіз жақсы рейтингте боласыз деп сеніңіз ... содан кейін сәттілік!