Speed Optimization

Här kommer tips som gör att sidor känns och laddas snabbare

Verktyg

• yslow
• page speed
• Webpagetest
• SpriteMe

Tekniker

• Progressive Enhancement
• Script loading

Resurser

* Best Practices for Speeding Up Your Web Site

• Steve Souders: High Performance Mobile (Video LinkedInTechTalks)
• Steve Souders Blog

Tips

(Om du har tips för någon av dessa points så uppdatera punkten till svenska, markera den och ![][10] skapa en länt till en ny wiki sida för det ämnet. där samlar vi tips för hur man löser detta generellt eller för drupal/wordpress. Dessa points är från Best Practices for Speeding Up Your Web Site artikeln. Och det är även dessa som yslow kollar ifall sidan stöder.)

Innehåll

• Minimera antalet HTTP requests
• Använd en CDN (Content Delivery Network)
• Reduce DNS Lookups
• Avoid Redirects
• Make Ajax Cacheable
• Post-load Components
• Preload Components
• Reduce the Number of DOM Elements
• Split Components Across Domains
• Minimize the Number of iframes
• No 404s

Server

• Use a CDN
• Add an Expires or a Cache-Control Header
• Gzip components
• Configure ETags
• Flush the Buffer Early
• Use GET for AJAX Requests
• Avoid Empty Image src

CSS

• Put Stylesheets at the Top
• Avoid CSS Expressions
• Make JavaScript and CSS External
• Minify JavaScript and CSS
• Choose over @import
• Avoid Filters

Javascript

• put scripts at the Boottom
• Make JavaScript and CSS External
• Minify JavaScript and CSS
• Remove Duplicate Scripts
• Minimize DOM Access
• Develop Smart Event Handlers

Cookie

• Reduce Cookie Size
• Use Cookie-free Domains for Components

Bilder

• Optimize Images
• Optimize CSS Sprites
• Don't Scale Images in HTML
• Make favicon.ico Small and Cacheable

Mobil

• Keep Components under 25K
• Pack Components into a Multipart Document