12 veidi, kā pateikt kaķim, ka viņus mīli, viņiem saprotamā valodā

Ja es savai lapai izmantoju lielu Javascript bibliotēku, kā es varu pārliecināties, ka tas netraucē lietotājam izmantot vietni?

Jūs varat darīt 4 lietas.

  1. Samaziniet savu JS failu. Tas noņem visus komentārus un atstarpi, lai samazinātu tā lielumu.
  2. Apvienojiet savus JS failus katrā lapā tā, lai būtu tikai 1 fails.
  3. Izmantojiet pakotni, lai sūtot failus gzip. Tas padarīs tos vēl mazākus
  4. Ievietojiet Javascript, kas nav nepieciešams, uzreiz lapas apakšdaļā, lai tas tiktu ielādēts beigās. Tas ļaus lietotājam redzēt un izmantot lapu pat pirms JS pilnīgas ielādes.

Daži citi cilvēki ir ieteikuši:

  • Apache automātiski apstrādās saspiestu (un saspiesta satura kešatmiņu), kas ievērojami vienkāršo failu pārvaldību
  • Pareiza Java kešatmiņas nodrošināšana dos lielas priekšrocības.
  • Aizstājējzīmju domēni (ar vairākiem URI) ļaus vairāk vienlaicīgu savienojumu. Iepriekšēja ielāde nav paredzēta tikai attēliem /
  • Jūs varat darīt vairāk lietu un labākus veidus, kā to izdarīt. Apache automātiski apstrādās saspiešanu (un saspiesta satura kešatmiņu), kas ievērojami vienkāršo faila pārvaldību. Pareizi saglabājot javascript kešatmiņā, jūs iegūsiet lielas priekšrocības. Aizstājējzīmju domēni (ar vairākiem URI) ļaus vairāk vienlaicīgu savienojumu. Iepriekšēja ielāde nav paredzēta tikai attēliem /

Ja izmantojat kopīgas bibliotēkas (piemēram, jQuery, Prototype vai Dojo), varat failu lejupielādēt Google un likt tiem apkalpot, tas dod vairākas priekšrocības:

  • Jums nav jāuztraucas par samazināšanu un rāvējslēdzēju utt
  • Tas nav jūsu joslas platums
  • Šie faili nāk no cita domēna, tāpēc varat (vismaz daļēji) apiet divu paralēlu pieprasījumu ierobežojumu katram resursdatora nosaukumam
  • Ja paveicas, lietotājs jau ir apmeklējis kādu citu vietni, kurā izmantota tā pati pakalpojumu sniedzēja tā pati bibliotēka, tāpēc tā jau ir pārlūkprogrammas kešatmiņā.

Piezīme: Jūsu pieprasītajai versijai var būt liela ietekme uz kešatmiņas īpašībām: pieprasot jQuery 1.4.2, tiks iegūts fails, kuru var saglabāt kešatmiņā uz gadu, bet 1.4 kešatmiņā tikai stundu.

  • 1 + 1 CDN un scriptsrc.net, lai to padarītu vēl vieglāku;)
  • 1 Vai varat izvērst savu “piezīmi”? Kāpēc kešatmiņas saglabāšanas laiks atšķiras?
  • 2 @theycallmemorty: Lai gan es neesmu pārbaudījis dokumentus, es pieņemu, ka tas ir tāpēc, ka, norādot 1.4.2, jūs ļoti precīzi norādāt vēlamo versiju, savukārt, lūdzot 1.4, jūs būtībā sakāt "dod man jaunākā versija zem 1.4 ", tāpēc tās kešatmiņā nav tik ļoti.
  • Jāatzīmē arī tas, ka Microsoft padara dažas JS bibliotēkas (jQuery un dažas MS specifiskas) pieejamas savā CDN, kas atbalsta arī https (ko daudzi citi skriptu CDN neatbalsta) asp.net/ajaxlibrary/cdn.ashx

Jūs varat ievietot visu bibliotēku vienā js failā un saspiest failu. Tomēr tas ir svarīgi tikai lapas pirmās ielādes laikā. Pēc tam jūsu js fails tiks saglabāts kešatmiņā pārlūkprogrammā, it īpaši, ja kešatmiņas derīguma termiņš ir iestatīts pietiekami ilgi. Tādējādi jebkurš secīgs trāpījums vairs netiks ielādēts jūsu js failā.

  • +1, lai jūs varētu ievietot visu bibliotēku vienā failā un saspiest to. Par to nedomāju.

Papildus iepriekš sniegtajām atbildēm varat izmantot Google slēgšanas kompilatoru, lai automātiski saspiestu un optimizētu JS, vienlaikus integrējoties ar citām trešo pušu bibliotēkām (jQuery, YUI, mootools utt.)

Ja jums ir vairāki lapas elementi un piekļuve atsevišķam domēnam, varat apsvērt iespēju izvietot visus statiskos failus, ieskaitot lielo JS failu otrajā domēnā.

Kā Stīvs Souders atzīmē savā augstas veiktspējas tīmekļa vietņu emuārā -

... dažās situācijās ir vērts ņemt vairākus resursus, kas tiek lejupielādēti vienā domēnā, un sadalīt tos vairākos domēnos. Es šo domēnu saucu par šķelšanos. Tas ļauj paralēli lejupielādēt vairāk resursu, samazinot kopējo lapas ielādes laiku.

citur viņš raksta ..

Pārlūkprogrammas katrā domēnā atver ierobežotu skaitu savienojumu ... Pieprasījumu sadalīšana vai sadalīšana divos domēnos, nevis vienā domēnā, nodrošina ātrāku lapu darbību, it īpaši IE 6 un 7

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?

noderīga informācija