Tja, måste jag säga, inte en sådan användbar del av vetenskapen, men om du är en webbutvecklare, kan komma till hands, en dag (eller kommer det?). Här är liten bookmarklet, vilket gör det möjligt att redigera webbsidan för en webbplats.
Och ledsen! Du kan spara resultaten på din lokala dator bara.
javascript: document.body.contentEditable = "true"; document.designMode = 'på'; void 0
Om du inte har document.write (eller någon dynamisk generering av sidans innehåll med hjälp av javascript) för att infoga en del av sidans innehåll i dina skript, flytta skriptet include till botten av sidan, före utgången av BODY-taggen.
Den HTTP/1.1 Specifikationen tyder på att webbläsare ladda inte mer än två komponenter parallellt per värdnamn. Om du tjänar dina bilder från flera värdnamn, kan du få mer än två hämtningar ske parallellt. Medan en skript hämtar dock kommer webbläsaren startar inte några andra nedladdningar, även på olika värdnamn.
Det finns också sätt att dynamiskt skapa SCRIPT noder och ladda avlägsna skript efter att sidan laddas med AJAX.
Använda externa JavaScript-filer kommer att resultera i snabbare laddning av sidor eftersom JavaScript-filer cachelagras av webbläsaren. Inline JavaScript s "i HTML-dokument blir laddas varje gång HTML-dokumentet begärs. Detta kan faktiskt minska antalet HTTP gjort förfrågningar, men det senare ökar storleken på HTML-dokumentet. Extern JavaScript s cachelagras av webbläsaren, storleken på HTML-dokumentet minskar utan att öka antalet HTTP-förfrågningar.
Observera att om användarna på din webbplats har flera sidvisningar per session och många av dina sidor återanvända samma skript och stilmallar, finns det en större risk nytta cachade externa filer.
I fall av JavaScript, till skillnad från CSS kan filerna knastrade använder vissa standardalgoritmer som skulle ge en reducerad filstorlek än att helt enkelt avlägsna platser eller flikar. Ett exempel på javascript packare finns här http://dean.edwards.name/packer/
Det är mycket ovanligt att hela skript kan dupliceras, men en översyn av de tio bästa amerikanska webbplatser visar att två av dem innehåller en duplicerad manus. Duplicera manus men uppenbarligen reducerar prestandan genom att skapa onödiga HTTP-förfrågningar och bortkastade JavaScript genomförande.
Också, i många fall, även om skript namnen är olika, finns det en risk för dubbla skript inom samma sida på grund av lag storlek och antal av skript.
Komma DOM element med JavaScript är långsam så för att ha en mer lyhörd sida bör du:
• Cache hänvisningar till tillgängliga uppgifter
• Uppdatera noder "offline" och sedan lägga till dem i trädet
• Undvik att fästa layout med JavaScript
Precis som vi separat presentation (CSS / XSLT) från innehåll (XHTML / XML), bör vi också skilja Behavior (Javascript). Detta kallas diskret Javascript. Precis som vi länkar till externa CSS-filer bör vi länka till externa JavaScript-filer.
Istället för att hårdkoda beteende i innehåll (t.ex. onMouseOver, onclick, etc.), bör beteendet vara dynamiskt till element, klasser och unika element (IDS) med hjälp av DOM. Den grundläggande dokument, innehåll bör endast innehålla giltig XHTML / XML och ingen javascript.
Javascript måste öka innehåll genom att lägga beteende. Innehållet bör vara användbara och kan användas utan javascript (eller utan full javascript stöd).
