Load JavaScript, jQuery og JSON via CDN

13. juni 2011 af Morten    Ingen kommentarer    Udgivet i Cloud computing

Mange kender allerede til Google Libraries API hvor en stor del af websites, især de med WordPress som backend, ofte loader jQuery fra. Det er dog de færreste som ved at der findes alternativer når det kommer til hostede CDN med forskellige scripts osv. Bl.a. har også Microsoft deres eget, som de kalder Microsoft Ajax Content Delivery Network.

Udover de to store på markedet findes der dog også en række små udbydere af CDN. Disse tilbyder langt flere hostede scripts, i modsætning til Google og Microsoft, som kun tilbyder scripts som de selv finder populære og udbredte på internettet.

cdn js bruger Amazon Web Services (CloudFront og Route 53) til webhosting og tjenesten er i høj grad community baseret. Det vil sige at sitets egne brugere via afstemninger har stor indflydelse på hvilke scripts der er tilgængelige i deres CDN, der vedligeholdes via GitHub. En ekstra feature hos cdn js er at de har en basis konto hos Pingdom, som de tilmed fik stillet til gratis rådighed, hvor man dagligt kan holde øje med deres loadtider. I gennemsnit ligger loadtiden på den pæne side af 20 ms, selv udenfor staterne. Er man interesseret i mere specifikke detaljer er deres statistik hos Amazon også offentligt tilgængelig.

CDN Catalog hoster ikke selv nogen scripts men indekserer i stedet de nyeste versioner og linker til de større CDN i en oversigt som tæller henholdsvis AOL, Google, Microsoft og Yahoo! Dermed kan man hurtigt finde ud af hvor hvilke scripts er hostet og samtidig kopiere stien til det JavaScript man ønsker at anvende.

Cached Commons er p.t. det mest komplette CDN hvad angår antallet af scripts, men desværre er det ikke blevet vedligeholdt siden september sidste år. Det er selvfølgeligt ærgeligt og trækker gevaldigt ned på helhedsindtrykket, men der findes dog stadig en del scripts som ikke er blevet opdateret til nyere versioner gennem længere tid og ikke hostes andre steder for offentligheden. Disse kan derfor sagtens anvendes, hvorimod man bør holde sig fra scripts der opdateres løbende og selv loade disse fra egen webserver. Bemærk også at siden ikke ser alt for heldig ud i bl.a. IE9. Ligeledes må man desværre også konstatere at Cached Commons ikke har optimeret opsætningen af headerudløb og browser cache af statiske elementer. Tjenesten bruger, ligesom cdn js, Github, som i dette tilfælde er host for scripts, der caches og optimeres.

Med de omtalte CDN i mente er der nu ingen undskyldning for ikke at anvende hostede scripts i fremtiden. Der er flere fordele ved at anvende et CDN, bl.a. kan man spare båndbredde og minimere loadtiden på websites.

Opdatering: Kort tid efter at jeg skrev dette indlæg indgik cdnjs et samarbejde med CloudFlare om fri hosting via deres CDN, da cdnjs hidtil selv har stået for alle udgifter mht. Amazon Web Services. Læs evt. mere om CloudFlare i indlægget: Gratis CDN og øget sikkerhed med CloudFlare.