Прычыны і рашэнні Semalt для павольных сайтаў


Змест

1. Уводзіны
2. Прычыны і шляхі вырашэння павольных сайтаў
  • Занадта шмат запытаў HTTP
  • Файлы вялікіх медыя
  • Занадта шмат убудоў
  • Выпуск JavaScript
  • Вы не выкарыстоўваеце метады кэшавання
  • Вы не выкарыстоўваеце CDN
  • Неаптымізаваны CSS
  • Перагружаная хатняя старонка
  • Нячыстае кадаванне
3. Выснова

1. Увядзенне

Вы не можаце атрымаць сапраўдны поспех як уладальнік сайта, калі ў вас ёсць старонкі, якія загружаюцца вечна. Прайшлі тыя часы, калі карыстальнікам даводзілася перажываць расчараванне павольнага веб-сайта. Нядаўнія даследаванні паказалі, што большасць карыстальнікаў адмаўляюцца ад сайта, калі загрузка займае больш за тры секунды. Сэнс просты; у гэтым 21 стагоддзі хуткасць - гэта назва гульні.

Хуткасць старонкі ўплывае на тое, як пошукавыя сістэмы ранжыруюць ваш сайт. Гэта таксама ўплывае на бачнасць і давер вашага сайта. Наяўнасць павольнага веб-сайта можа прывесці да памяншэння даходаў, бо 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 могуць быць вельмі доўгімі, з вялікай колькасцю радкоў кодаў. Гэта можа значна знізіць хуткасць загрузкі старонкі.
Вы можаце аптымізаваць CSS, аб'яднаўшы ўсе выявы ў адзін вялікі файл, выкарыстоўваючы Sprites. Іншы савет - сціснуць файл CSS у новы з паменшаным прабелам. Вы можаце зрабіць гэта з выкарыстаннем CSS-мініфікатараў, такіх як CSS Nano. Праверце свае файлы і коды CSS і пазбаўцеся ад непатрэбных файлаў і дублікатаў.
  • Перагружаная хатняя старонка
Калі ваш вэб-сайт загружаецца вельмі павольна, магчыма, гэта таму, што вы не ўлічылі колькасць бязладзіцы на вашай хатняй старонцы і, магчыма, на ўсіх старонках вашага вэб-сайта.

Многія вэб-распрацоўшчыкі набіваюць сваю хатнюю старонку рознымі ўзрушаючымі малюнкамі, віджэтамі і змесцівам - усё ў спробе зрабіць уражлівае першае ўражанне на наведвальнікаў іх сайта. Хоць гэта добра, калі ёсць прывабная першая старонка, але перабор і загрувашчванне яе розным зместам могуць негатыўна паўплываць на час загрузкі вашага сайта.
Чым больш элементаў у вас на галоўнай старонцы, тым больш часу спатрэбіцца для загрузкі. Заўсёды лепш зрабіць усё проста. Прытрымвайцеся асноў і выдаліце ​​ўсе непатрэбныя элементы з хатняй старонкі, а таксама прасканіруйце ўсе старонкі на вашым сайце і выдаліце ​​іх, каб загрузка вашага сайта была хутчэйшай.

  • Нячыстае кадаванне
Калі ваш вэб-сайт запоўнены лішнімі прабеламі, убудаваныя стылінг пустыя новыя радкі і непатрэбныя каментарыі, так, вы будзеце адчуваць павольны вэб-сайт. Кожны сайт створаны з вялікай колькасцю кодаў. Напрыклад, Google пабудаваны на 2 мільярдах радкоў кодаў. Некаторыя вэб-распрацоўшчыкі ствараюць вэб-сайты, якія маюць празмерныя радкі кодаў, якія не выконваюць якіх-небудзь асноўных функцый. Гэтыя шчыльныя шырокія коды могуць запаволіць хуткасць загрузкі вашага сайта.

Рашэнне гэтай праблемы заключаецца ў ліквідацыі ўсіх непатрэбных элементаў з кодаў, такіх як лішнія прабелы, пустыя новыя радкі і непатрэбныя каментарыі. Ёсць шмат інструментаў, якія можна выкарыстоўваць для ачысткі кодаў. Нацэнка - гэта дзіўны інструмент, які вы можаце выкарыстоўваць для гэтай мэты. Вы таксама можаце працаваць з такім дасведчаным вэб-распрацоўшчыкам, як Семальт каб ваш сайт быў добра кадзіраваны.

3. Выснова

Кожны вэб-сайт трэба аптымізаваць з максімальна магчымай хуткасцю, але гэтага немагчыма зрабіць без належнага ведання фактараў, якія адказваюць за павольную загрузку вэб-сайта. Калі ваш сайт загружаецца вельмі павольна, не панікуйце. Проста выкарыстоўвайце вышэйпералічаныя фактары ў якасці арыентыру, каб зразумець прычыну затрымкі і выправіць іх, выкарыстоўваючы парады, згаданыя пад кожным пунктам.

mass gmail