Калі вы пачынаеце аптымізаваць вэб-старонкі, то першае і галоўнае, што вы, верагодна, хочаце ведаць бягучы агульны памер старонкі. Гэта з'яўляецца адпраўной кропкай практычна ўсіх аптымізацыі вэб-старонкі.
Агульны памер старонкі з'яўляецца паказчыкам многіх рэчаў, асабліва час рэндэрынгу вэб - старонкі. У большасці выпадкаў, вы хочаце, каб зрабіць вэб-старонку як мага хутчэй, як правіла, на працягу 2-х ці 3-х секунд. Чым больш памер старонкі, тым больш часу рэндэрынгу ў большасці выпадкаў.
Гэта таксама дазваляе скараціць або аптымізаваць прапускную здольнасць, якая выкарыстоўваецца. Калі вы плаціце за трафік, то кожны байт мае значэнне, асабліва калі гэта высокі трафік сайта. Большасць вэб-хасты маюць неабмежаваны зборкі трафіку ў кошт пакетаў, таму ён не можа быць праблемай больш. Але памятайце, што кожныя дадатковыя байты не ядуць некаторы колькасць часу і рэсурсы, незалежна ад таго, наколькі малая кошту.
Агульны памер старонкі ўключае увесь код на старонцы і ўсе уключаныя рэсурсы, якія неабходныя для адлюстравання старонкі ў браўзэры. Гэта ўключае ў сябе HTML, JavaScript, CSS, малюнкі, відэа і ўсе іншыя сродкі масавай інфармацыі і рэсурсаў, якія цытуюцца і выкарыстоўваюцца на гэтай старонцы.
Chrome Web Browser
Самы просты спосаб вымераць памер старонкі з дапамогай вэб-браўзэра. Калі вы выкарыстоўваеце Google Chrome або любы з звязаных браўзэраў (такіх як Вівальдзі, Opera) , то вы можаце выкарыстоўваць інструменты распрацоўніка, якая ўбудаваная ў браўзэр.
- Націсніце на кнопцы Наладкі (тры кнопкі кропкі) у радку меню
- Выберыце Дадатковыя інструменты і абярыце Інструменты распрацоўніка (вы можаце выкарыстоўваць камбінацыю клавіш Ctrl + Shift + I , а)
- Націсніце на ўкладцы Сетка
- Load (ці перазагрузка) старонка, якую вы хочаце вымераць ў адпаведнай ўкладцы браўзэра
На ўкладцы Сетка у Інструменты распрацоўніка зараз павінен адлюстроўваць ўсю інфармацыю , якая вам патрэбна. Калі вы паглядзіце на ніжнюю частцы ўкладкі, вы ўбачыце агульную метрыку для старонкі, уключаючы колькасць запытаў, памер старонкі і час загрузкі.
Ніжэй прыведзены скрыншот выпадковай старонкі з Амазонкі. Як вы можаце бачыць на скрыншоце былі 192 агульны запыт і агульны памер старонкі 9.7 MB.
Таксама на ўкладцы Network, вы ўбачыце поўную табліцу, дзе ўсе запыты, якія былі зробленыя на сервер, і памер кожнага рэсурсу адлюстроўваюцца. Вы таксама можаце ўбачыць нагрузку (або выбарка) час кожнага з гэтых рэсурсаў, а таксама. Вы можаце сартаваць слупкі Памер і часу ў табліцы лёгка знайсці «галодныя» рэсурсы. Зараз, з дадзенымі ў руцэ, вы можаце пачаць аптымізаваць старонку.
Хоць, зусім не трэба, вы павінны перазагрузіць старонку некалькі разоў, каб убачыць, як ён паводзіць сябе, і калі ёсць якія-небудзь прыкметныя змены паміж абнаўленнямі. Часам, неэфектыўны JavaScript функцыя можа сказіць значэнне. Тым не менш, агульны памер старонкі павінны заставацца такімі ж.
Акрамя таго, паспрабуйце адключыць кэш. Вы можаце лёгка адключыць кэш ў верхняй частцы панэлі. Вы ўбачыце опцыю , каб адключыць кэш на верхняй панэлі. Ўсталюеце сцяжок, каб пераканацца, што вы атрымаеце паслядоўны справаздачу праз перазагружаецца.
Firefox Web Browser
Калі вы карыстаецеся Mozilla Firefox, вы можаце выкарыстоўваць адзін з двух інструментаў: у Web Developer Tool або падпальшчык пашырэнне. Абодва яны вельмі падобныя і падобны на інструмент у Chrome браўзэры. Пасля таго, як вы разумееце, як працуе адзін інструмент, вы можаце лёгка знайсці свой шлях вакол іншых.
Web Developer Tool ўбудаваны ў Firefox браўзэраў, у той час як Firebug гэта пашырэнне, якое вы можаце ўсталяваць у якасці пашырэння.
Вы адкрываеце Web Developer Tool ў Firefox з спалучэнне клавіш Ctrl + Shift + I. Вы можаце выкарыстоўваць інструмент клавіятуры Ctrl + Shift + Q, калі вы хочаце, каб непасрэдна адкрыць ўкладку сеткі. Вы таксама можаце адкрыць праграму з меню з імем Web Developer.
- Націсніце на пункт меню Tools
- Выберыце Web Developer
- Выберыце пункт Сетка
Пасля таго, як у вас ёсць інструмент з адкрытым, націсніце на ўкладцы Сетка, калі ён яшчэ не абраны. Цяпер загрузіце старонку, якую вы хочаце прааналізаваць на ўкладцы, і вы павінны падрабязна метрыкі пра старонку.
Вы знойдзеце старонку канкрэтнай інфармацыю аб правай частцы верхняй панэлі інструментаў (гэта можа быць у ніжняй правай баку ў залежнасці ад варыянту). Вы павінны сартаваць табліцу, каб знайсці рэсурсы, якія марнуюць занадта шмат часу для загрузкі. Як вы можаце бачыць гэтую старонку было 172 запытаў і агульны памер старонкі 9679 Kb.
Firebug з'яўляецца пашырэнне вэб - распрацоўкі , што з'яўляецца вельмі папулярным, і ён працуе ў значнай ступені той жа самы шлях да Web Developer Tool ў кантэксце аналізу старонкі. Я не буду ўдавацца ў падрабязнае апісанне таго , як гэта працуе, але вы павінны знайсці патрэбную інфармацыю пра памер старонкі на ўкладцы Net. Ён працуе ў значнай ступені падобныя на інструменты, якія мы разгледзелі.
Калі вы яшчэ не карыстаецеся Firebug, то гэта, верагодна, залішнім, каб усталяваць яго проста знайсці памер старонкі.
Інтэрнэт-рэсурсы
Ёсць некалькі інтэрнэт-аналізатары вэб-старонак, якія вы можаце выкарыстоўваць, каб знайсці памер старонкі. Многія з папулярных інструментаў робіць у аналізе глыбіні, а не проста паказаць памер старонкі. Акрамя таго, гэтыя аналізатары онлайн карысныя, толькі калі ў вас ёсць грамадскі URL, то ёсць. Вы ўжо апублікавалі старонку. У большасці выпадкаў вы хочаце прааналізаваць старонку, як вы распрацоўваеце яго, што робіць інструменты на аснове браўзэра значна больш карыснымі.
Ёсць некаторыя інтэрнэт-прылады / сайты, якія робіць толькі памер старонкі, але вы павінны спачатку праверыць, што менавіта яны ўключаюць у разлік памеру старонкі. Я знайшоў некаторыя, каб не ўключаць любыя спасылкі трэціх асоб, такіх як Adsense, Disqus і г.д.
Вось некалькі сайтаў, якія вы можаце паспрабаваць: Малы SEO інструменты і атрымаць ранг ,
Вы павінны быць у стане знайсці больш просты пошук Google. Шчаслівы Аптымізацыя !!
