Open Source CDNs | LAWebSpeed April 29th 2014

967 views

Published on

A talk I gave about OSS/Public CDNs for LAWebSpeed hosted at MaxCDN.

Published in: Software, Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
967
On SlideShare
0
From Embeds
0
Number of Embeds
45
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Open Source CDNs | LAWebSpeed April 29th 2014

  1. 1. Open Source CDNs LAWebSpeed | April 29th 2014 @jdorfman
  2. 2. { “name”: “Justin Dorfman”, “residence”: “DTLA”, “work”: “Developer Relations @ MaxCDN”, “evangelizing”: “WebPerf & Open Source”, “hobbies”: “Bowling, XBOX, Reading & TV” } hello-world.json @jdorfman
  3. 3. FOSS CDN Providers BootstrapCDN (netdna.bootstrapcdn.com) CDNJS (cdnjs.cloudflare.com) Google (ajax/fonts.googleapis.com) jQuery (code.jquery.com) JSDelivr (cdn.jsdelivr.net) Microsoft (ajax.aspnetcdn/microsoft.com) OSSCDN (oss.maxcdn.com) Yandex (yandex.st) @jdorfman
  4. 4. Market Share via MeanPath.com CDN Sites Percentage Google 17,769,233 84.5% jQuery 2,328,508 11.1% BootstrapCDN 305,845 1.5% CDNJS 213,128 1% Microsoft 202,572 1% Yandex 116,345 0.6% OSSCDN 62,766 0.3% JSDelivr 26,075 about 0.1% Last Modified 04-28-2014 9:31 PM
  5. 5. Market Share @jdorfman
  6. 6. Pros 1. Save Bandwidth & Money 2. User could have the file already cached 3. CORS, gzip, minification is handled automatically 4. Decreased Latency 5. Increased parallelism (Domain Sharding) @jdorfman http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/
  7. 7. Cons 1. JS could contain Malware 2. Public CDNs can go Offline 3. ISPs can block Public CDNs 4. Won’t work if you’re Developing Offline. 5. Files may not be optimized for your site/app 6. No pre-caching guarantees @jdorfman http://www.sitepoint.com/7-reasons-not-to-use-a-cdn/
  8. 8. Tips & Tricks ● Fall back to a Local Copy @jdorfman
  9. 9. Tips & Tricks ● Never use /latest/ @jdorfman
  10. 10. Tips & Tricks With JSDelivr/OSSCDN you can group libraries together / //oss.maxcdn.com/g/less,rrssb,d3js @jdorfman
  11. 11. Tips & Tricks (Recap) ● Fall back to local copy ● Never use /latest/ ● With JSDelivr/OSSCDN you can group libraries together creating only 1 HTTP request @jdorfman
  12. 12. BootstrapCDN Behind the Scenes @jdorfman
  13. 13. What is Bootstrap? A front-end framework for developing responsive, mobile first projects on the web. • OSS Project started at Twitter in 2011 • Created by Mark Otto and Jacob Thornton • #1 Repository on GitHub (67,000 Stars) • Works the same on all Modern Browsers
  14. 14. What does it do?
  15. 15. What does it do? <link href="bootstrap.min.css" rel="stylesheet">
  16. 16. Takes this...
  17. 17. … and makes this...
  18. 18. What is BootstrapCDN? An FOSS CDN for Bootstrap, FontAwesome & Bootswatch. • July 5th 2012 Launched • August 8th 2012 @TwitterOSS Endorsement • May 3rd 2013 Added to official docs @jdorfman http://www.bootstrapcdn.com/extras/birthday
  19. 19. Traffic @jdorfman July 5th 2012 - April 28th 2014
  20. 20. Metrics @jdorfman October 2013 ● Requests (Average) ○ Day: 81 Million ○ Hour: 3.4 Million ○ Minute: 56,000 ○ Second: 1,000 ● Bandwidth (Average) ○ Day: 1.30 TB ○ Hour: 54 GB ○ Minute: 900 MB ○ Second: 15 MB April 2014 ● Requests (Average) ○ Day: 212 Million ○ Hour: 8 Million ○ Minute: 147,663 ○ Second: 2,461 ● Bandwidth (Average) ○ Day: 3.63 TB ○ Hour: 154 GB ○ Minute: 2.5 GB ○ Second: 41 MB
  21. 21. The Stack interwebs Anycast Servers Edge (nginx) CDN Pull GET 200 S3 Unicast GET 200 VPS nginx node.js Origin (www) @jdorfman
  22. 22. Q&A You have questions? I have answers.
  23. 23. That’s all folks Links mentioned: http://bitly.com/bundles/jdorfman/6 We are hiring: http://www.maxcdn.com/company/careers/ Try MaxCDN with Coupon Code: “LAWEBSPEED20” @jdorfman

×