12 Ways to Speed Up Your Mobile Site
Upcoming SlideShare
Loading in...5
×
 

12 Ways to Speed Up Your Mobile Site

on

  • 6,650 views

 

Statistics

Views

Total Views
6,650
Views on SlideShare
1,366
Embed Views
5,284

Actions

Likes
5
Downloads
22
Comments
0

81 Embeds 5,284

http://mlocal.blog.moovdemos.com 1427
http://blog.moovdemos.com 1055
http://blog.moovweb.com 767
http://play.tritium.io 437
http://mlocal.blog.moovweb.com 420
http://local.moovweb.com 397
http://corpsite-stage.w62h-y2vd.accessdomain.com 169
http://m.blog.moovweb.com 156
http://mlocal.blog.moovdemos.com.moovapp.com 47
http://blog.moovweb.com.s46447.gridserver.com 42
http://mdemos7915.blog.moovdemos.com.moovapp.com 41
http://mleshtanski11662.blog.moovdemos.com.moovapp.com 39
http://corpsite-prod.w62h-y2vd.accessdomain.com 38
http://www.wowlz.com 21
http://mjohnjacob10733.blog.moovdemos.com.moovapp.com 18
http://www.moovweb.com 15
http://mrajtjoseph11897.blog.moovdemos.com.moovapp.com 10
http://mrjhutch11357.blog.moovdemos.com.moovapp.com 9
http://mimranguher9338.blog.moovweb.com.moovapp.com 8
http://localhost 8
http://mmmoovweb9228.blog.moovweb.com.moovapp.com 7
http://mrameshwr10011.blog.moovdemos.com.moovapp.com 7
http://fetch-page.herokuapp.com 7
http://mdemos7915.blog.moovweb.com.moovapp.com 7
http://mdsully1511430.blog.moovdemos.com.moovapp.com 7
http://mkselvabalaji9508.blog.moovweb.com.moovapp.com 7
http://mwvetal11050.blog.moovdemos.com.moovapp.com 7
http://mjuanca9150.blog.moovweb.com.moovapp.com 5
http://mtithos9994.blog.moovdemos.com.moovapp.com 4
http://mvanoosbree9708.blog.moovweb.com.moovapp.com 4
http://mbrendler-oe9625.blog.moovweb.com.moovapp.com 4
http://mgregorygtseng12556.blog.moovdemos.com 4
http://mdemo.blog.moovweb.com.moovapp.com 3
http://mkselvabalaji9546.blog.moovweb.com.moovapp.com 3
http://mrku4er10804.blog.moovdemos.com.moovapp.com 3
http://cloud.feedly.com 3
http://myogeshdmca9491.blog.moovweb.com.moovapp.com 3
http://mcorpr810278.blog.moovdemos.com.moovapp.com 3
http://mcorpr810215.blog.moovdemos.com.moovapp.com 3
http://mnswonger10714.blog.moovdemos.com.moovapp.com 3
http://mdemo.blog.moovdemos.com.moovapp.com 3
http://mgmawdsley11148.blog.moovdemos.com.moovapp.com 3
http://mvedmant10881.blog.moovdemos.com.moovapp.com 3
http://mafnaan11222.blog.moovdemos.com.moovapp.com 2
http://mdhanson11317.blog.moovdemos.com.moovapp.com 2
http://mnatnael311215.blog.moovdemos.com.moovapp.com 2
http://mshruthijanardhan14082.blog.moovdemos.com.moovapp.com 2
http://mchonax12048.blog.moovdemos.com.moovapp.com 2
https://twitter.com 2
http://mmattreed7811720.blog.moovdemos.com.moovapp.com 2
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

12 Ways to Speed Up Your Mobile Site 12 Ways to Speed Up Your Mobile Site Presentation Transcript

  • 12WAYS TO SPEED UP YOUR MOBILE SITE
  • WHY WORRY ABOUT SITE SPEED? Expect a mobile page to load in 2 seconds or less.47%OF VISITORS Abandon a site that takes 3 or more seconds to load For every tenth of a second of load time. 40%OF VISITORS 1%CONVERSION DECREASE sources: gomez.com, akamai.com, amazon.com
  • 1 AVOID LARGE FRAMEWORKS Frameworks and libraries can be needlessly large. Pare them down to the functionality your site uses.
  • 2 USE CSS FOR BUTTONS Using images for buttons creates an unnecessary download. Instead use CSS to create page elements like buttons.
  • 3 COMPILE & MINIFY Compile multiple scripts that will be used together to avoid separate downloads. Minify them to save processing time.
  • 4 USE A GLOBAL CDN With datacenters all over the globe, content delivery networks can use the shortest and fastest route to deliver your page.
  • 5 MINIMIZE REDIRECTS Redirect chains bounce visitors from one URL to another, extending the time before page loading can begin.
  • 6 CUT DOWN REQUESTS Each and every script or image requires requesting the item from the server.The latency – or the time it takes the server to respond – adds up on request heavy pages.
  • 7 OPTIMIZE IMAGES Needlessly downloading large images and resizing them to fit is a waste of bandwidth and increases download & rendering time.
  • 8 USE SPRITES FOR ICONS Load just one image with all of your icons and use CSS positioning to display only the icon needed for each instance.
  • 9 DON’T BLOCK RENDERING Faster rendering pages appear to load quicker. Put off loading external JavaScript files until after the page has rendered.
  • 10DON’T HIDE Hidden elements are needless bandwidth. If an element isn’t going to show up, why even download it? {display:  none;}  
  • 11LAZY LOAD EVERYTHING First load only what you absolutely need to render the view. Then load slower page elements that aren’t immediately on screen - like Social Buttons.
  • 12CACHE & REUSE Logos and icons often appear multiple times over a visit. Caching them prevents the visitor from having to re-download.
  • TO SPEED UP MOBILE SITE 12 WAYS YOUR Avoid large frameworks Use CSS for buttons Compile and minify Use a global CDN Minimize redirections Cut down requests Optimize images Use sprites for icons Don’t block rendering Don’t hide Lazy load everything Cache & reuse