Веб-сайтыңыздың негізгі өмірлік және беттік тәжірибе сигналдарын Semalt көмегімен жақсарту

1. Ең үлкен мазмұнды бет (LIP): бұл нақты пайдаланушының көзқарасы бойынша парақты жүктеуге қанша уақыт қажет екендігі анықталады. Сілтемені басқаннан бастап, құрылғының экранындағы көптеген мазмұндарды көруге дейінгі уақыт (компьютерде немесе ұялы телефон).
2. Бірінші енгізуді кешіктіру (FID): бұл пайдаланушылардың веб-парақпен өзара әрекеттесуіне кететін уақыт ретінде анықталады. Төменде кейбір өзара әрекеттесудің мысалдары келтірілген:
   • Жоғарғы немесе негізгі мәзірден таңдау жасау
   • Сайттың навигациялық мәзіріндегі сілтемені басу
   • Пікірлер терезесіне пайдаланушының/көрерменнің электрондық пошта мекенжайын енгізу
3. Кумулятивная макетная смена (CLS): парақ жүктелген кезде оның тұрақтылығы осындай. Басқаша айтқанда, бұл визуалды тұрақтылық. Бұл сонымен қатар, егер веб-беттегі элементтер парақ жүктелген кезде қозғалатын болса, онда бұл веб-бетте CLS деңгейі жоғары, оны нашар деп санауға болады.

3. Бет тәжірибесінің сигналдары дегеніміз не?

1. HTTP КЕШТЕУ: Веб-мастер үшін HTTP кэштеу тақырыптарын дұрыс орнатқан жөн. Бұл екі есе артықшылықты болады, өйткені веб-параққа қайта қарау (көрермен/қолданушы веб-параққа бірнеше рет кірген кезде), ол тезірек жүктеледі және веб-серверде аз жүктеме болады.
   
   
   Ресурстардың жергілікті көшірмелерінен құралған кэш жұмыс істейді, себебі бұл ресурстар жиі өзгермейді. Браузер жергілікті көшірмені қайта қолдана алатын болса, бұл қосылымды орнатуға және сол веб-парақты жүктеуге уақытты үнемдейді.
   
   
   Кэшті тиімді жұмыс істеудің әдісі - бұл веб-сервер арқылы ресурстың қанша уақыт жарамды екендігін және ол қашан өзгергенін көрсету үшін жіберілетін HTTP кэштеу тақырыптары. HTTP протоколы ресурстың қанша уақытқа созылатындығын білуге ​​мүмкіндік береді. Олардың бірі - қолданылу мерзімі аяқталған тақырып. Жарамдылық мерзімі аяқталған тақырып ресурстың жарамсыз болған белгілі бір күнін береді. Осы нүктеге жеткенде, шолушы қайтадан ресурстарды сұрайды.
   
   
   Ресурстың қанша уақытқа созылатындығын білудің тағы бір әдісі - бұл Max-Age. Максималды жасы жарамдылық мерзімі аяқталатын сияқты жұмыс істейді, тек белгілі бір күнді берудің орнына ресурстар жүктелгеннен кейін қанша уақыт болатынын көрсетеді.
   
   
   Алайда, қауіпсіз емес HTTP қосылымы арқылы пайдаланушының өзара әрекеттесуін талап ететін мазмұнға қызмет көрсету пайдаланушының деректерді ұрлау қаупін тудырады. Пайдаланушылар кез-келген жеке ақпаратты қайда және қашан енгізетінін білу маңызды, мысалы төлем туралы ақпарат таратылатын кассалар.
   
   
   Көрермендерге қауіпсіз шолуға мүмкіндік беру үшін блогер веб-сайттың SSL сертификаты бар екендігіне көз жеткізіп, кез-келген URL мекен-жайын және беттегі ресурстарды HTTPS-ке көшіруі керек.
   
   
2. БРАВЕРДІҢ ЖАУАПТЫ ҚЫСҚАРУЫ: Reflow - құжаттың бір бөлігін немесе барлығын қайта көрсету үшін құжаттағы элементтердің позициялары мен геометрияларын қайта есептеуге арналған веб-шолу процедурасының атауы.
   
   
   Әзірлеушілер үшін қайта ағу уақытының құнын қалай арттыруға болатынын білу және әртүрлі құжат қасиеттерінің әсерін түсіну маңызды. Құжат қасиеттеріне CSS ережесінің тиімділігі, әр түрлі стиль өзгерістері және қайта жаңарту уақытындағы DOM тереңдігі кіреді.
   
   
   Көбінесе, құжаттағы бір элементті қайта жаңарту үшін оның негізгі элементтері мен оған еретін кез келген элементтерді жаңарту қажет болуы мүмкін.
   
   
   Ең көп қолданылатын әдістер алты санатқа топтастырылған
   парақтың жүктелуін оңтайландырудың әртүрлі аспектілері:
   1. Браузердің ең тиімді дисплейі: беттің шолғышының орналасуын жақсарту.
   2. Ең тиімді кэштеу: қолданбаның деректерін және логикасын желіден мүлдем сақтау.
   3. Мобильді құрылғылар үшін оңтайлы пайдалану: ұялы желілер мен мобильді құрылғылардың сипаттамалары үшін сайтты баптау.
   4. Бару-бару санын азайту: сериялық сұраныстарды айналдыру санын азайту.
   5. Үстеме сұранысты азайту: Жүктеу көлемін азайту.
   
   
3. HTML құжаттарының файл өлшемін азайту: Веб-сайттың тәжірибесін жақсартудың айқын әдісі - HTML құжаттарының файл өлшемін азайту. Мұны істеудің әртүрлі тәсілдері бар; оларға қатаң қысу, акупунктура тәрізді идентификатор және сынып атауының өзгеруі жатады.
   
   
   HTML, MIME түріндегі мәтінмен жеткізілгенде/HTML - бағдарламашыларға кейбір тегтерді өткізіп жіберуге мүмкіндік береді.
   Мысалы, егер бағдарламада <Pp> Тізім элементі </Pp> деп белгіленген элементтердің тізімі болса, сол бағдарламашы <Рп> Тізім элементін жаза алады. Немесе ол әдетте жабылатын абзацтың орнына </q>, ол жай ғана <q> менің абзацты қолдана алады.
   
   
   Бұл әдіс тексерілген және сенімді, және HTML-де қажет емес HTML-мен, басымен және денесімен жұмыс істейді. Қосымша тегтерді алып тастау HTML-ді ресми түрде сақтайды, ал файл өлшемін кішірейтіп, кодты әлдеқайда кішірейтеді. Орташа құжатта бұл кеңістіктің шамамен оннан 20 пайызға дейін сақталғанын білдіреді.
   
   
4. СУРЕТТЕРДІ ҚЫСЫМДАУ: Сурет файлдары көбінесе файлға енгізілген қосымша ақпараттармен жасалады. Мысалы, JPEG файл типі әр түрлі кескіндік бағдарламалармен, соның ішінде оларды жазған бағдарламаның атауымен жазылады. Сонымен қатар, PNG кескіндерін көбінесе кескінді кодтау тәсілін өзгерту арқылы кішірейтуге болады.
   
   
   Бұл түрлендірулер деректердің жоғалуына әкелмейді. Бұл дегеніміз, сығылған кескін қысылмаған кескінмен бірдей көрінеді, бірақ аз байт пайдаланады және аз орын алады.