Як праверыць, што запаволенне старонкі?

I'm working on a website that can be found here: http://odesktestanswers2013.com/Metareviewer

Індэкс, як уяўляецца, незвычайна павольна (запавольваючы браўзэр, як ён загружае), хоць YSlow, здаецца, не бачыць нічога асабліва дрэннага з ім, і што мой PHP мікрасітавіны вяртае значэнне дакладнай.

Што іншыя рэчы, якія я павінен глядзець у?

2
нават зепто загружаюцца хіба зепта і jQuery як жа thing.I здагадка зепто Шуда былі толькі для мабільных прылад
дададзена аўтар wilsonrufus, крыніца
дададзена аўтар Mr. Alien, крыніца
Вось пекла шмат адказу, дазваляе верагоднасць прайгравання і чаканні
дададзена аўтар argentum47, крыніца
Вы можаце выкарыстоўваць некаторыя інтэрнэт-тэстары, як tools.pingdom.com . Прастата паляпшэння: змяненне памераў малюнкаў, мінімізаваць JS і CSS (выкарыстоўвайце GZIP і г.д.).
дададзена аўтар enenen, крыніца

7 адказы

Выкарыстанне Chrome Developer Tools, ўкладка сеткі паказвае, што гэта:

enter image description here

... храналогія таго, што загрузка ў вашай старонцы.

Ёсць таксама шмат добрых практык, якія не зробленыя тут. Некаторыя з іх таксама могуць быць пазначаныя ўверх з дапамогай інструмента аўдыту ў Google Chrome (меню F12), але, на мой погляд, найбольш важнымі з іх з'яўляюцца:

  • Use a CDN for serving common library code. Do you really need to host jQuery yourself? (side-rant, do you really need jQuery at all?)
  • Your JavaScript files are taking a long time to load, because they are all served as separate HTTP calls. You can combine them into a single JavaScript file, and also minify them to save lots of bandwidth.
  • Foundation.css is very large - not that there's a problem with large CSS files, but it looks like there are over 2000 rules in the CSS file that aren't being used on your site. Do you need this file?
  • CACHE ALL THE THINGS - there are 26 HTTP requests that are made, that are uncached, meaning that everyone who clicks on your site will have to download everything, every request.
  • The whole bandwidth can be reduced by about two thirds if you enabled gzip compression on your server (or even better, implement SPDY, but that's a newer technology with less of a community).
  • Take a look on http://caniuse.com - there are a lot of CSS technologies that are supported in modern browsers without the need for -webkit or -moz, which could save a fortune of kebabbobytes.

Калі б я мог змяніць адну рэч на вашым сайце ...

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

Паглядзіце на сеткавым графіцы. У той час як усе, што JavaScript загружаецца, ён блакуе астатнюю частку сайта для загрузкі.

If you're lazy, just move it all to the end of the document body. That way, the rest of the page will download before the JavaScript has to, but this could harm the execution of your scripts if they are programmed in particular styles.

Спадзяюся, што гэта дапамагае.

4
дададзена
Так, хто-то павінен кэшаваць іх вобразы, я думаю.
дададзена аўтар Jimbo, крыніца
Як вы можаце праверыць выкарыстанне CSS правілаў сайта шырокага? (Вялікі адказ, дзякуй)
дададзена аўтар Callombert, крыніца
Мне трэба jQuery некалькі рэчаў, так. Што лепш выкарыстоўваць jQuery ад Google?
дададзена аўтар Callombert, крыніца
@metareviewr праверкі выкарыстання правілаў CSS з'яўляецца асаблівасцю інструмента Chrome Аўдыты. Выкарыстанне jQuery з любога папулярнага CDN (Google або сам JQuery, у залежнасці ад таго, якому вы давяраеце больш), альбо сабраць яго ў працэсе минификации.
дададзена аўтар Greg, крыніца

Вы можаце выкарыстоўваць гэты сайт ( http://gtmetrix.com/ ) прааналізаваць прычыны і выправіць іх іх < IMG SRC = "https://i.stack.imgur.com/dY4D3.png» альт = «увядзіце апісанне малюнка тут»>. сайт дае прычыны, а таксама рашэнні, такія як JS і CSS у аптымізаваных фарматах.

Паводле справаздачы гэтага сайта, вам неабходна аптымізаваць выявы і Мінімізаваць JS і CSS файлы. Аптымізаваныя выявы і JS і CSS файлы могуць быць загружаны з гэтага сайта.

1
дададзена
Гэта аказалася карысным для мяне
дададзена аўтар John Max, крыніца

You should also consider using http://www.webpagetest.org/

Гэта адзін з лепшых інструментаў, калі справа даходзіць да тэставання прадукцыйнасці вашага сайта.

1
дададзена

Вы можаце выкарыстоўваць лепшую надбудову адзін даступны як для хрому і светлячка

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.

вышэй спасылка для Firefox Add-той, які вы таксама можаце знайсці хром і знаходзіцца ў вольным доступе.

0
дададзена

Use Google Chrome -> F12 -> Network and check the connect, send, receive and etc. time for each resource, used in your page.

Падобна на тое, ваш CSS і скрыпты JS маюць вельмі доўгі conntect і час чакання.

0
дададзена

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

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

Я рэкамендую выкарыстоўваць New Relic .

0
дададзена

Try to use Opera. Right click -> Inspect element -> Profiler. Look to Inspect element -> Errors.

0
дададзена