9 смяротных памылак, якія робяць сайты павольнымі

Грахі

Уплыў павольных вэб-сайтаў паказчык адмоваў, каэфіцыенты канверсіі і нават ваш рэйтынг у пошукавых сістэмах. Тым не менш, я здзіўлены колькасцю сайтаў, якія па-ранейшаму знясільвальна павольныя. Адам паказаў мне сёння сайт, размешчаны на GoDaddy, на загрузку якога спатрэбілася больш за 10 секунд. Гэты бедны чалавек думае, што зэканоміць пару даляраў на хостынгу ... замест гэтага ён губляе шмат грошай, таму што будучыя кліенты бяруць на іх грошы.

Мы значна павялічылі сваю чытацкую аўдыторыю тут, і я не сумняваюся, што некаторыя поспехі дасягнуты дзякуючы таму, што мы перайшлі на маховым кола, кіраваны хост WordPress з вялікім кэшаваннем і Сеткі дастаўкі кантэнту харчаванне ад CDN StackPath.

Вось 9 смяротных памылак, якія павялічваюць час загрузкі старонкі:

  1. Няма кэшавання - пераканайцеся, што ваш сайт выкарыстоўвае кэшаванне для павелічэння хуткасці. Сучасныя сістэмы кіравання кантэнтам захоўваюць змест у базе дадзеных і аб'ядноўваюць яго з шаблонамі дызайну для атрымання выдадзенай старонкі. Запыт базы дадзеных і публікацыя з'яўляюцца дарагімі, таму механізмы кэшавання захоўваюць выснову на працягу звычайнага перыяду часу, таму запыты не патрэбныя.
  2. Няма Аякса - у той час як вы хочаце, каб асноўны змест быў чытэльным і адлюстроўваўся ў пошукавых сістэмах і загружаўся пры адкрыцці старонкі, ёсць і іншыя элементы, якія з'яўляюцца другаснымі і могуць быць загружаны пасля загрузкі старонкі праз JavaScript. Ajax - звычайны метад для гэтага ... загружаецца старонка, а пасля загрузкі старонкі запытваецца іншае ўтрыманне - запыт дадатковага змесціва, сервераў рэкламы і г.д.
  3. Занадта шмат JavaScript - сучасныя сайты настолькі складаныя, што ўключаюць у сябе староннія сцэнарыі з усяго Інтэрнэту. Выкарыстоўваючы CMS, вы таксама можаце мець тэмы і ўбудовы, якія загружаюць асобныя файлы JavaScript. Непатрэбныя выклікі некалькіх файлаў сцэнарыяў можна паменшыць, выклікаючы іх усе ў адным файле. Сцэнарыі таксама могуць быць адкладзены для загрузкі элементаў пасля загрузкі старонкі.
  4. Занадта шмат перанакіраванняў - пазбягайце выкарыстання ўбудаваных рэсурсаў, якія перанакіроўваюць на іншыя старонкі. І выкарыстоўвайце прамыя спасылкі ў вашай уласнай навігацыі. Адзін з прыкладаў: калі ваш сайт абаронены, вы хочаце пераканацца, што кожны элемент сайта, як і выявы, не спасылаецца на іх неабаронены URL. Гэта запатрабуе правільнага перанакіравання кожнага малюнка на старонку на бяспечную спасылку.
  5. Няма HTML5 і CSS3 - сучасныя каркасы лёгкія і хутчэй загружаюцца на сайтах. Тое, што раней распрацоўшчыкам і дызайнерам даводзілася выконваць з выявамі і JavaScript, зараз можа выкарыстоўваць CSS-анімацыю і ўдасканаленыя дызайнерскія эфекты. Сучасныя браўзэры загружаюцца значна хутчэй.
  6. Няма мініфікацыі - Памер файла сцэнарыяў і CSS-файлаў можа быць сціснуты за кошт памяншэння непатрэбных элементаў (напрыклад, падачы радкоў, каментавання, укладак і прабелаў. Выдаленне гэтых элементаў называецца змякчэнне. Некаторыя сістэмы CMS таксама могуць рабіць гэта аўтаматычна па меры загрузкі сайта і кэшавання.
  7. Вялізныя выявы - Канечныя карыстальнікі часта загружаюць выявы непасрэдна са сваёй камеры альбо з тэлефона ў Інтэрнэт ... праблема ў тым, што гэтыя праблемы часта складаюць некалькі мегабайт. Дадайце кучу на сайт, і ваш сайт значна запаволіцца. Такія інструменты, як Kraken могуць быць выкарыстаны перад загрузкай малюнкаў - альбо інтэграваны на сайт для аўтаматычнага сціскання малюнкаў, каб яны выглядалі выдатна, але мелі памер файла.
  8. Родныя сацыяльныя кнопкі - родныя сацыяльныя кнопкі жудасныя. Кожны з іх загружаецца незалежна ад сайта сацыяльных сетак, і мала ўвагі надаецца таму, як хутка яны загружаюцца. Паспрабуйце скарыстацца староннімі службамі, якія значна паменшаць час загрузкі - альбо загрузіце кнопкі пасля, каб яны зусім не паўплывалі на хуткасць вашага сайта.
  9. Няма CDN - сеткі дастаўкі кантэнту маюць серверы па ўсім свеце, якія захоўваюць і дастаўляюць статычныя файлы бліжэй да чалавека ў геаграфічным плане. Выкарыстанне a CDN гэта фантастычны спосаб павялічыць хуткасць старонкі, асабліва калі малюнкаў шмат.

Вось інфаграфіка, 9 парад па скарачэнні часу загрузкі старонкі, З TruConversion. 378

Паменшыць хуткасць старонкі

Раскрыццё інфармацыі: Я выкарыстаў нашы партнёрскія спасылкі на працягу гэтага паста.

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.