Nå, jeg må sige, ikke sådan en nyttig del af videnskaben, men hvis du er en Web Developer, kan komme handy, en dag (eller vil det?). Her er lille bookmarklet, der gør det muligt at redigere websiden for ethvert websted.
Og Undskyld! Du kan gemme resultatet på din lokale maskine.
javascript: document.body.contentEditable = 'sandt'; document.designMode = 'på'; ugyldig 0
Hvis du ikke har document.write (eller nogen dynamisk generering af sideindhold ved hjælp af javascripts) for at indsætte en del af sidens indhold i dine scripts, flytte scriptet omfatter redegørelse til bunden af siden, inden udgangen af body-tagget.
Den HTTP/1.1 specifikationer tyder på, at browsere downloade ikke mere end to komponenter i parallel pr værtsnavn. Hvis du tjener dine billeder fra flere værtsnavne, kan du få mere end to downloads at forekomme i parallel. Mens et script der downloader, men vil browseren ikke starte andre downloads, selv på forskellige værtsnavne.
Der er også måder at dynamisk Opret script noder og indlæse eksterne scripts, efter siden er indlæst ved hjælp af AJAX.
Brug af eksterne JavaScript-filer vil resultere i hurtigere indlæsning af sider, fordi de JavaScript-filer er cached af browseren. Inline JavaScripts "i HTML-dokumenter bliver hentet hver gang HTML dokument der anmodes om. Dette kan faktisk reducere antallet af HTTP-forespørgsler der foretages, men det efterfølgende øger størrelsen på HTML-dokumentet. Ekstern JavaScripts er cached af browseren, størrelsen af HTML-dokumentet er reduceret uden at øge antallet af HTTP-anmodninger.
Bemærk venligst, at hvis brugerne på dit websted har flere sidevisninger per besøg, og mange af dine sider genbruge de samme scripts og stylesheets, er der et større potentiale gavn af cachede eksterne filer.
I tilfælde af JavaScripts, i modsætning til CSS kan filerne knasede bruge nogle standard algoritmer, der vil give en reduceret filstørrelse end blot at fjerne mellemrum eller faner. Et eksempel på javascript pakker kan findes her http://dean.edwards.name/packer/
Det er meget usædvanligt, at hele scripts kan duplikeres, men en gennemgang af de ti bedste amerikanske hjemmesider viser, at to af dem indeholder et duplikeret script. Duplicate scripts men naturligvis reducerer ydeevnen ved at skabe unødvendige HTTP-anmodninger og spildt JavaScript udførelse.
Også i mange tilfælde, selvom scripts navnene er forskellige, er der en sandsynlighed for identiske scripts inden for samme side som følge af holdet størrelse og antal af scripts.
Adgang til DOM elementer med JavaScript er langsom, så for at få en mere lydhør side, skal du:
• Cache henvisninger til adgang til elementer
• Opdater knuder "offline" og derefter tilføje dem til træet
• Undgå fastsættelse layout med JavaScript
Ligesom vi separat præsentation (CSS / XSLT) fra Indhold (XHTML / XML), bør vi også adskille Behavior (Javascript). Dette kaldes diskret Javascript. Ligesom vi linke til eksterne CSS-filer, skal vi linke til eksterne javascript-filer.
I stedet for hård kodning adfærd i indhold (f.eks onmouseover, onclick, etc.), bør adfærd kan dynamisk tilføjes elementer, klasser, og unikke elementer (IDS) ved hjælp af DOM. Det grundlæggende dokument, indhold, må kun indeholde gyldig XHTML / XML og ikke javascript.
Javascript bør forøge indholdet ved tilsætning adfærd. Indholdet bør forblive nyttigt og brugbart uden javascript (eller uden fuld understøttelse af JavaScript).
