codepen.io CodePen - Front End Developer Playground & Code Editor in the Browser

Mobile Usability

98/100

Good

Mobile Speed

61/100

Bad

Last tested: 2017-08-27

Rescan
codepen.io Mobile Usability: 98/100
codepen.io Mobile Usability Test Quick Overview

Size tap targets appropriately

Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.
The tap target <a href="http://codepen…oo/full/MjNXmO" class="single-stat views">154</a> and 24 others are close to other tap targets.
The tap target <a href="http://carbonads.net/" class="carbon-poweredby">ads via Carbon</a> is close to 1 other tap targets.
codepen.io Mobile Speed: 61/100
codepen.io Mobile Speed Test Quick Overview

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Your page has 5 blocking CSS resources. This causes a delay in rendering your page.
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/css?family=Lato:400,900,400italic,700italic
https://production-assets.codepen.io/assets/global…13c1e2deae2addf128.css
https://production-assets.codepen.io/assets/page/p…971be22a7e31498712.css
https://production-assets.codepen.io/assets/home/h…003f59a64a38dab3ad.css
https://fonts.googleapis.com/css?family=Lato:300
Leverage browser caching

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://gravatar.com/avatar/8efc0a202c807e19059c88…adfc2649a002dab1b6.png (5 minutes)
https://gravatar.com/avatar/95a89b08a3b9f48c63252c…adfc2649a002dab1b6.png (5 minutes)
https://gravatar.com/avatar/bc333cc84dd4fafb38d223…adfc2649a002dab1b6.png (5 minutes)
http://cdn.carbonads.com/carbon.js?zoneid=1673&ser…ILKT&placement=codepen (60 minutes)
http://s3.buysellads.com/ac/bsa.js (60 minutes)
http://s3.buysellads.com/ac/pro.js (60 minutes)
http://www.google-analytics.com/analytics.js (2 hours)
Reduce server response time

Optimize images

Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 29.8KiB (31% reduction).
Compressing https://s3-us-west-2.amazonaws.com/codepen-thumbna…small.jpg?v=1494086634 could save 16.9KiB (72% reduction).
Compressing https://s3-us-west-2.amazonaws.com/m.cdpn.io/defau…t-screenshot-small.png could save 3.7KiB (20% reduction).
Compressing http://s3-us-west-2.amazonaws.com/i.cdpn.io/945140…-b7e6-5b100b17084c.png could save 2.9KiB (23% reduction).
Compressing http://s3-us-west-2.amazonaws.com/i.cdpn.io/122486…-9aab-6dcc7436b699.png could save 1.6KiB (11% reduction).
Compressing http://s3-us-west-2.amazonaws.com/i.cdpn.io/388394…-97f0-6d8dc3b912c4.png could save 1.5KiB (14% reduction).
Compressing http://s3-us-west-2.amazonaws.com/i.cdpn.io/582442…-95da-140e3bf9efc5.png could save 1.3KiB (20% reduction).
Compressing https://gravatar.com/avatar/bc333cc84dd4fafb38d223…adfc2649a002dab1b6.png could save 825B (21% reduction).
Compressing https://gravatar.com/avatar/8efc0a202c807e19059c88…adfc2649a002dab1b6.png could save 722B (23% reduction).
Compressing https://gravatar.com/avatar/95a89b08a3b9f48c63252c…adfc2649a002dab1b6.png could save 545B (27% reduction).

codepen.io Mobile Resources


Total Resources50
Number of Hosts14
Static Resources38
JavaScript Resources11
CSS Resources5

codepen.io Mobile Resource Breakdown