Веб-сайттарды баяулатудың себептері мен Semalt шешімдері


Мазмұны

1. Кіріспе
2018-04-21 121 2. Веб-сайттарды баяулатудың себептері мен шешімдері
  • HTTP сұраулары тым көп
  • Үлкен медиа файлдар
  • Плагиндер тым көп
  • JavaScript мәселелері
  • Сіз кэштеу әдістерін қолданбайсыз
  • Сіз CDN қолданбайсыз
  • Оңтайландырылмаған CSS
  • Түпкі бет
  • Таза емес кодтау
3. Қорытынды

1. Кіріспе

Егер сізде мәңгі жүктелетін парақтар болса, сіз веб-сайт иесі ретінде шынымен сәттілікке жете алмайсыз. Қолданушылар баяу веб-сайттың көңілсіз тәжірибесіне төзуге мәжбүр болатын күндер артта қалды. Соңғы зерттеулер көрсеткендей, пайдаланушылардың көпшілігі сайтты жүктеуге үш секундтан артық уақыт кетсе, оны тастап кетеді. Мағынасы қарапайым; ХХІ ғасырда жылдамдық - ойынның атауы.

Парақтың жылдамдығы іздеу жүйелерінің сіздің сайтыңыздың дәрежесіне әсер етеді. Бұл сіздің сайтыңыздың көрінуіне және сенімділігіне әсер етеді. Баяу веб-сайттың болуы кірістің төмендеуіне әкелуі мүмкін, өйткені пайдаланушылардың 40% -ы жүктеуге 2-3 секундтан көп уақыт кетсе, сіздің сайтыңыздан бас тартады. Сіз сондай-ақ сайтқа келушілерге жағымсыз тәжірибе беріп, олардың сіздің сайтыңызға оралу ықтималдығын төмендетесіз.

Баяу веб-сайттарға көптеген факторлар себеп болады. Бұл факторлардың не екенін және оларды қалай түзетуге болатындығын білу үшін оқыңыз.

2. Веб-сайттарды баяулатудың себептері мен шешімдері

  • HTTP сұраныстары тым көп
Бұл баяу веб-сайттардың жиі кездесетін себебі. Егер сізде JavaScript кескіндері мен CSS саны көп болса, ол сіздің веб-сайтыңыздың жүктелу уақытын баяулатуы мүмкін, себебі браузер сіздің сайтқа кірген сайын осы файлдардың әрқайсысын жүктеуді сұрайды. Сіздің веб-сайтыңыздың жүктеу уақытының 80% осы элементтерді жүктеуге байланысты.
Бұл мәселені шешу үшін HTTP сұрауларыңызды азайтыңыз. Егер сіз Chrome браузерін қолданатын болсаңыз, әзірлеуші ​​құралының параметрлерін қолданып, веб-сайтыңыздың әр іздеуге қанша сұраныс беретінін біліп алыңыз, содан кейін бұл санды мүмкіндігінше азайтыңыз.

Сіз сондай-ақ олардың кейбіреулерін біріктіріп көруге болады. Сіз өзіңіздің HTML, CSS және JavaScript файлдарыңызды кішірейтуге және біріктіруге болады, өйткені бұл файлдар сіздің сайтыңыздың әр кірген кездегі сұраныстарының санын көбейтеді. Сондай-ақ, қажетсіз бағыттауларды алып тастай аласыз, себебі олар жүктеу уақытының баяулауына немесе пайдаланылуына ықпал етеді Semalt веб-анализаторы диагностика және ұсыныстарды шешуге арналған.

  • Үлкен медиа файлдар
Бұл баяу веб-сайттың кінәлілерінің бірі. Оптимизацияланбаған кескіндер мен бейнелердің тым көп болуы сіздің веб-сайтыңыздың жүктеу жылдамдығын төмендетеді, себебі жүктеу кезінде суреттер өткізу қабілеттілігін көп пайдаланады. Егер сіз үлкен файлдарды оларды қысуға тырыспас бұрын жиі жүктесеңіз, сіз өзіңіздің веб-сайтыңыздың көлемін қажетсіз көбейтесіз, бұл сіздің веб-сайтыңыздың жылдамдығына әсер етеді.
Бұл мәселені шешу үшін медиа файлдарды веб-сайтыңызға жүктемес бұрын оларды қысу арқылы оңтайландырыңыз. Сіздің кескіндеріңіз 100 к-ден үлкен болмауы керек. Суреттерді оңтайландыру үшін қолдануға болатын әр түрлі онлайн-құралдар бар. Оларды жүктеместен бұрын кескін өлшемін азайту үшін TinyJPG деп аталатын кескінді қысу үшін ақысыз құралды пайдалануға болады. Егер сіз WordPress сайтын басқарсаңыз, WP Smush бағдарламасын қолдана аласыз.
Сіз сондай-ақ кескін форматына назар аударғаныңыз жөн, өйткені PNG немесе GIF кескін форматтары JPG форматымен салыстырғанда едәуір үлкен, сондықтан JPG кескін пішімін пайдалану сіздің сайтыңызға тезірек жүктеуге көмектеседі. Қажетті кескін пішімін таңдау үшін Photoshop сияқты графикалық редакциялау қосымшаларын пайдалануға болады. Photoshop-та суретті сайтқа жүктемес бұрын оның сапасын төмендетуге мүмкіндік беретін «Веб пен құрылғыларға сақтау» деген опция бар.
  • Плагиндер тым көп
Плагиндердің тым көп болуы сіздің веб-сайтыңыздың баяу жұмыс істеуінің тағы бір себебі болуы мүмкін. Егер сіздің сайтыңыздың әр түрлі мүмкіндіктерін басқаратын әртүрлі плагиндер болса, ол сіздің сайтыңызды ауырлатып, баяу жүктелуіне әкелуі мүмкін. Бұл плагиндер жүктеу кезінде сіздің сайтыңыздың жұмысты күшейтетіндігіне байланысты. Сондай-ақ, плагиндер сіздің сайтыңыздағы парақтарды алуға кедергі келтіруі мүмкін, бұл сіздің сайтыңыздың бет жылдамдығын төмендетеді.
Сіздің сайтыңызға таңғажайып нәрселер ұсынатын және сайтты тым көп плагиндермен жүктейтін мыңдаған плагиндермен айналыспаңыз. Оның орнына жұмысты тиімді орындай алатын барлығын бір плагинге қосыңыз. Осы мақсатта пайдалануға болатын бір плагин - MalCare. Бұл сіздің WordPress сайтыңызды басқаруға мүмкіндік береді, сонымен қатар сайтыңызды хакерлер мен зиянды бағдарламалардан қорғайды.
  • JavaScript мәселелері
JavaScript - бұл сіздің сайтыңызды функционалды және пайдаланушылар үшін интерактивті ететін маңызды құрал. Бұл динамикалық деректерді AJAX арқылы жүктеуді жеңілдетеді, сонымен қатар сіздің парағыңызға арнайы эффекттер қосады. Алайда, егер ол дұрыс өңделмеген болса, JavaScript сіздің сайтыңызға қиындық туғызуы мүмкін.

Бұл сіздің парақтарыңыздың тез жүктелуіне жол бермейді, себебі веб-бетті көрсетпес бұрын браузер барлық JavaScript файлдарын толығымен жүктеуі керек. Оптимизацияланбаған JavaScript көрсетуге тыйым салатын JavaScript немесе JavaScript деп аталады, ол сіздің беттеріңізді пайдаланушылар өз браузерлерінде ашуға тырысқанда кешіктіреді.
Бұл мәселені шешу үшін сізге:
  • Сыртқы JavaScript файлдарын пайдаланудың орнына кірістірілген JavaScript қолданыңыз.
  • JavaScript файлдарын тексеріп, онша маңызды емес біреудің бар-жоғын тексеріңіз, сонда сіз олардан құтыласыз.
  • Сіздің JavaScript сығымдауыңыз көмектеседі, YUI компрессорын орнатыңыз және оны файлдарыңызды қысу үшін пайдаланыңыз.
  • JavaScript файлдары үшін асинхронды жүктеуді қолданыңыз.
  • JavaScript жүктеуді кейінге қалдыру; егер сіз JavaScript-ті басқа элементтер жүктелгенге дейін жүктеуге кедергі жасасаңыз, сіз парақтың жылдамдығын арттырасыз.

  • Сіз кэштеу әдістерін қолданбайсыз
Браузерді кэштеуді қосқанда, шолғыш сіздің веб-сайтыңыздың файлдарының статикалық көшірмелерін қатты дискіде немесе кэште сақтай алады. Осылайша, ол пайдаланушы сіздің сайтыңызға кірген сайын серверге басқа HTTP сұрауын жіберудің орнына кэштелген деректерді көрсете алады.

W3 Total Cache сияқты плагиндерді пайдаланып кэштеуді оңай қосуға болады. Егер сіз WordPress сайтын қолдансаңыз, бұл сізге тиімді болады. W3 Total Cache оның пайдаланушыларының парақ жылдамдығы плагинді қолданғанға қарағанда он есе жақсарғанын айтады.
Сіздің сайтыңыздың кэштелген нұсқасын пайдаланушының шолғышында сақтау үшін және жалпы параметрлерге өтіңіз. Браузердің кэшін таңдап, «Қосу» жолын басыңыз, ескертуге келушілердің кэшінде сақталатын уақыттың ұзақтығын анықтауға болатындығын ескеріңіз. Сізге файлдың келушілер кэшінде қанша уақыт қалатынын браузерге көрсететін жолды қосу керек.
  • Сіз CDN қолданбайсыз
Мазмұнды жеткізу желісі сіздің веб-сайтыңыздың көшірмелерін бірнеше стратегиялық жерлерде орналасқан әр түрлі серверлерде сақтауға мүмкіндік береді, осылайша сіздің негізгі серверіңізден алыс пайдаланушылар сіздің сайтыңызға кіруге тырысқанда сіздің беттеріңіз жылдам жүктеледі. Сіздің сайтыңызды тек бір серверде орналастыру парақтың жылдамдығын баяулатуы мүмкін, себебі сіздің сайтыңызға кірушілердің барлығы сол серверге сұраныстар жібереді және бұл сіздің сайтыңызға трафиктің жоғары деңгейін тудырады, пайдаланушылардың сұраныстарын өңдеуге кететін уақытты көбейтеді жүктеу уақытын баяулатуға.
Бұл мәселені шешу үшін CDN-ді қолданған жөн. CDN көмегімен сіз әр түрлі серверлердегі деректерді оңай кэштей аласыз және сіздің негізгі серверіңізде тым көп сұраныстардың болуына жол бермейсіз. Бұл дегеніміз, пайдаланушы сіздің сайтыңыздан файл сұрағанда, олардың браузері оны өзіне жақын серверден жүктей алады. Cloudflare және MaxCDN - сіз қолдана алатын жақсы CDN опциялары.
  • Оңтайландырылмаған CSS
Каскадтық стильдер кестесінің (CSS) сіздің сайтыңыздың пайда болуына көп қатысы бар. Бұл браузерге сіздің сайтыңыздың қаріп өлшемі, түсі, мәзірі, үстіңгі деректемесі, төменгі колонтитул және басқа веб-беттердің сыртқы көріністері туралы нұсқаулар береді. CSS файлдары өте ұзақ болуы мүмкін, көптеген кодтар жолдары бар. Бұл сіздің парағыңыздың жүктелу жылдамдығын едәуір төмендетуі мүмкін.
Сіз өзіңіздің барлық суреттеріңізді Sprites кескіні көмегімен бір үлкен файлға біріктіру арқылы CSS-ті оңтайландыруға болады. Тағы бір кеңес - CSS файлын бос орындары бар жаңа файлға қысу. Мұны CSS Nano сияқты CSS минификаторларының көмегімен жасауға болады. CSS файлдарыңыз бен кодтарыңызды тексеріп, қажет емес файлдардан немесе телнұсқалардан арылыңыз.
  • Түпкі бет
Егер сіздің веб-сайтыңыз өте баяу жүктелсе, бұл сіздің үй бетіңізде және сіздің веб-сайтыңыздың барлық беттерінде орын алған бей-берекетсіздікті ескермегендіктен болуы мүмкін.

Көптеген веб-әзірлеушілер өздерінің үй парағын әртүрлі таңғажайып суреттермен, виджеттермен және мазмұнмен толтырады, осының бәрі өз сайттарына келушілерге алғашқы әсер қалдырады. Алдыңғы бетіңіздің тартымдылығы жақсы болғанымен, шектен шығып, оны әртүрлі мазмұнмен ретке келтіру сіздің сайтыңыздың жүктеу уақытына кері әсер етуі мүмкін.
Сіздің үй бетіңізде неғұрлым көп элементтер болса, оны жүктеуге көп уақыт кетеді. Әрқашан қарапайым болған жөн. Негізге сүйеніп, үйдегі барлық қажет емес элементтерді алып тастаңыз, сонымен қатар сайтыңыздағы барлық беттерді сканерлеп, оларды тез жүктеп алу үшін оларды ретке келтірмеңіз.

  • Таза емес кодтау
Егер сіздің веб-сайтыңыз артық бос орындармен толтырылған болса, кірістірілген стилингтер жаңа жолдарды босатады және қажет емес түсініктемелер болса, онда сіз баяу веб-сайтты көресіз. Кез-келген веб-сайт көптеген кодтармен жасалады. Мысалы, Google 2 миллиард кодтық кодқа негізделген. Кейбір веб-әзірлеушілер ешқандай маңызды функцияларды орындай алмайтын кодтары шамадан тыс болатын веб-сайттар шығарады. Бұл тығыз, кең кодтар сіздің веб-сайтыңыздың жүктеу жылдамдығын баяулатуы мүмкін.

Бұл мәселенің шешімі - сіздің кодтарыңыздан барлық қажет емес элементтерді, мысалы, қосымша бос орындарды, бос жаңа жолдарды және қажетсіз түсініктемелерді жою. Кодтарды тазарту үшін қолдануға болатын көптеген құралдар бар. Mark-up - сіз осы мақсатта қолдануға болатын таңғажайып құрал. Сияқты тәжірибелі веб-әзірлеушімен жұмыс істей аласыз Semalt сіздің сайтыңыздың жақсы кодталғандығына көз жеткізу үшін.

3. Қорытынды

Кез-келген веб-сайтты мүмкіндігінше жоғары жылдамдыққа оңтайландыру қажет, бірақ бұл веб-сайттың баяу жүктелуіне жауап беретін факторлар туралы білмейінше мүмкін емес. Егер сіздің сайтыңыз өте баяу жүктелсе, үрейленбеңіз. Кідірістің себебін түсіну үшін жоғарыда аталған факторларды нұсқаулық ретінде қолданыңыз және оларды әр тармақта көрсетілген кеңестердің көмегімен түзетіңіз.

mass gmail