Tools & Wizards About Us
johnny-five.io screenshot

Report Summary

  • 83

    Performance

    Renders faster than
    87% of other websites

  • 86

    Accessibility

    Visual factors better than
    that of 61% of websites

  • 83

    Best Practices

    More advanced features
    available than in
    55% of websites

  • 90

    SEO

    Google-friendlier than
    68% of websites

johnny-five.io

Johnny-Five: The JavaScript Robotics & IoT Platform

Page Load Speed

734 ms in total

First Response

48 ms

Resources Loaded

297 ms

Page Rendered

389 ms

johnny-five.io screenshot

About Website

Welcome to johnny-five.io homepage info - get ready to check Johnny Five best content for Turkey right away, or after learning these important things about johnny-five.io

Johnny-Five is the JavaScript Robotics & IoT Platform

Visit johnny-five.io

Key Findings

We analyzed Johnny-five.io page load time and found that the first response time was 48 ms and then it took 686 ms to load all DOM resources and completely render a web page. This is quite a good result, as only 15% of websites can load faster.

Performance Metrics

johnny-five.io performance score

83

Measured Metrics

name

value

score

weighting

FCP (First Contentful Paint)

Value2.3 s

75/100

10%

LCP (Largest Contentful Paint)

Value2.8 s

83/100

25%

SI (Speed Index)

Value2.4 s

98/100

10%

TBT (Total Blocking Time)

Value250 ms

84/100

30%

CLS (Cumulative Layout Shift)

Value0.006

100/100

15%

TTI (Time to Interactive)

Value7.2 s

50/100

10%

Network Requests Diagram

johnny-five.io

48 ms

styles.css

5 ms

anchor.css

15 ms

github.min.css

25 ms

common-tags

44 ms

Our browser made a total of 74 requests to load all elements on the main page. We found that 82% of them (61 requests) were addressed to the original Johnny-five.io, 4% (3 requests) were made to Unpkg.com and 3% (2 requests) were made to Cdnjs.cloudflare.com. The less responsive or slowest element that took the longest time to load (86 ms) relates to the external source Platform.twitter.com.

Page Optimization Overview & Recommendations

Page size can be reduced by 90.3 kB (9%)

Content Size

1.0 MB

After Optimization

958.1 kB

  • HTML
  • Images
  • JavaScript

In fact, the total size of Johnny-five.io main page is 1.0 MB. This result falls beyond the top 1M of websites and identifies a large and not optimized web page that may take ages to load. 65% of websites need less resources to load. Images take 1.0 MB which makes up the majority of the site volume.

HTML Optimization

-76%

Potential reduce by 19.8 kB

  • Original 26.2 kB
  • After minification 22.3 kB
  • After compression 6.4 kB

HTML content can be minified and compressed by a website’s server. The most efficient way is to compress content using GZIP which reduces data amount travelling through the network between server and browser. This page needs HTML code to be minified as it can gain 3.9 kB, which is 15% of the original size. It is highly recommended that content of this web page should be compressed using GZIP, as it can save up to 19.8 kB or 76% of the original size.

Image Optimization

-7%

Potential reduce by 70.4 kB

  • Original 1.0 MB
  • After minification 930.8 kB

Image size optimization can help to speed up a website loading time. The chart above shows the difference between the size before and after optimization. Johnny Five images are well optimized though.

JavaScript Optimization

-0%

Potential reduce by 50 B

  • Original 21.0 kB
  • After minification 21.0 kB
  • After compression 20.9 kB

It’s better to minify JavaScript in order to improve website performance. The diagram shows the current total size of all JavaScript files against the prospective JavaScript size after its minification and compression. This website has mostly compressed JavaScripts.

Requests Breakdown

Number of requests can be reduced by 13 (19%)

Requests Now

67

After Optimization

54

  • AJAX
  • Images
  • JavaScript
  • CSS

The browser has sent 67 CSS, Javascripts, AJAX and image requests in order to completely render the main page of Johnny Five. We recommend that multiple CSS and JavaScript files should be merged into one by each type, as it can help reduce assets requests from 10 to 1 for JavaScripts and from 5 to 1 for CSS and as a result speed up the page load time.

Network Requests Diagram

johnny-five.io

johnny-five.io

48 ms

styles.css

styles.css

5 ms

anchor.css

anchor.css

15 ms

github.min.css

github.min.css

25 ms

common-tags

common-tags

44 ms

fontloader.js

fontloader.js

15 ms

anchor.js

anchor.js

14 ms

magic.css

magic.css

14 ms

platform-data.js

platform-data.js

15 ms

main.js

main.js

13 ms

konami.js

konami.js

19 ms

highlight.min.js

highlight.min.js

24 ms

buttons.js

buttons.js

24 ms

common-tags@1.8.2

common-tags@1.8.2

22 ms

common-tags.min.js

common-tags.min.js

16 ms

type.css

type.css

5 ms

widgets.js

widgets.js

31 ms

68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67

68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67

69 ms

analytics.js

analytics.js

60 ms

j5-logo.svg

j5-logo.svg

52 ms

pcb.jpg

pcb.jpg

55 ms

j5-campaign.gif

j5-campaign.gif

50 ms

led-scene-0.gif

led-scene-0.gif

54 ms

bot.jpg

bot.jpg

51 ms

arduino-uno.png

arduino-uno.png

55 ms

sparkfun-redboard.png

sparkfun-redboard.png

55 ms

arduino-leo.png

arduino-leo.png

56 ms

arduino-mega.png

arduino-mega.png

55 ms

arduino-fio.png

arduino-fio.png

58 ms

arduino-micro.png

arduino-micro.png

60 ms

arduino-mini.png

arduino-mini.png

57 ms

arduino-nano.png

arduino-nano.png

57 ms

arduino-pro-mini.png

arduino-pro-mini.png

60 ms

botboarduino.png

botboarduino.png

58 ms

chipkit-uno32.png

chipkit-uno32.png

60 ms

spider-robot-controller.png

spider-robot-controller.png

61 ms

dfrobot-romeo.png

dfrobot-romeo.png

61 ms

teensy-3.png

teensy-3.png

62 ms

beaglebone-black.png

beaglebone-black.png

60 ms

next-thing-chip.png

next-thing-chip.png

62 ms

blend-micro-v1.png

blend-micro-v1.png

62 ms

electric-imp-april.png

electric-imp-april.png

64 ms

intel-galileo-gen1.png

intel-galileo-gen1.png

62 ms

intel-galileo-gen2.png

intel-galileo-gen2.png

62 ms

intel-edison-arduino.png

intel-edison-arduino.png

66 ms

intel-edison-mini.png

intel-edison-mini.png

63 ms

sparkfun-gpio-block.png

sparkfun-gpio-block.png

63 ms

sparkfun-arduino-block.png

sparkfun-arduino-block.png

64 ms

intel-joule-carrier.png

intel-joule-carrier.png

64 ms

light-blue-bean.png

light-blue-bean.png

81 ms

linino-one.png

linino-one.png

81 ms

pcduino3.png

pcduino3.png

82 ms

pinoccio.png

pinoccio.png

82 ms

raspberry-pi-3-model-b.png

raspberry-pi-3-model-b.png

82 ms

LlNVgAAAAFUqwVTAAA=

LlNVgAAAAFUqwVTAAA=

6 ms

HIFhqtkDo6VmDPYWmn0wnv1YUqTedbpbDAAAAAFUqwVOAAA=

HIFhqtkDo6VmDPYWmn0wnv1YUqTedbpbDAAAAAFUqwVOAAA=

5 ms

raspberry-pi-2-model-b.png

raspberry-pi-2-model-b.png

78 ms

widget_iframe.2f70fb173b9000da126c79afe2098f02.html

widget_iframe.2f70fb173b9000da126c79afe2098f02.html

86 ms

buttons.html

buttons.html

43 ms

raspberry-pi-zero.png

raspberry-pi-zero.png

38 ms

raspberry-pi-model-a-plus.png

raspberry-pi-model-a-plus.png

37 ms

raspberry-pi-model-b-plus.png

raspberry-pi-model-b-plus.png

40 ms

raspberry-pi-model-b-rev-1.png

raspberry-pi-model-b-rev-1.png

40 ms

raspberry-pi-model-b-rev-2.png

raspberry-pi-model-b-rev-2.png

40 ms

spark-core-white.png

spark-core-white.png

38 ms

photon-black.png

photon-black.png

55 ms

photon-redboard.png

photon-redboard.png

55 ms

tessel-2.png

tessel-2.png

56 ms

jsot-book.jpg

jsot-book.jpg

55 ms

make-book.jpg

make-book.jpg

55 ms

packt-book.jpg

packt-book.jpg

55 ms

github-icon.png

github-icon.png

55 ms

yt-icon.png

yt-icon.png

54 ms

twitter-icon.png

twitter-icon.png

54 ms

Accessibility Review

johnny-five.io accessibility score

86

Accessibility Issues

Contrast

These are opportunities to improve the legibility of your content.

Impact

Issue

High

Background and foreground colors do not have a sufficient contrast ratio.

Internationalization and localization

These are opportunities to improve the interpretation of your content by users in different locales.

Impact

Issue

High

<html> element does not have a [lang] attribute

Names and labels

These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.

Impact

Issue

High

Image elements do not have [alt] attributes

High

Links do not have a discernible name

Best Practices

johnny-five.io best practices score

83

Areas of Improvement

Trust and Safety

Impact

Issue

High

Does not use HTTPS

Low

Ensure CSP is effective against XSS attacks

General

Impact

Issue

High

Browser errors were logged to the console

High

Page has valid source maps

SEO Factors

johnny-five.io SEO score

90

Search Engine Optimization Advices

Content Best Practices

Format your HTML in a way that enables crawlers to better understand your app’s content.

Impact

Issue

High

Image elements do not have [alt] attributes

Mobile Friendly

Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. [Learn more](https://developers.google.com/search/mobile-sites/).

Impact

Issue

High

Document uses legible font sizes

High

Tap targets are not sized appropriately

Language and Encoding

  • Language Detected

    EN

  • Language Claimed

    N/A

  • Encoding

    UTF-8

Language claimed in HTML meta tag should match the language actually used on the web page. Otherwise Johnny-five.io can be misinterpreted by Google and other search engines. Our service has detected that English is used on the page, and neither this language nor any other was claimed in <html> or <meta> tags. Our system also found out that Johnny-five.io main page’s claimed encoding is utf-8. Use of this encoding format is the best practice as the main page visitors from all over the world won’t have any issues with symbol transcription.

Social Sharing Optimization

johnny-five.io

Open Graph data is detected on the main page of Johnny Five. This is the best way to make the web page social media friendly. Here is how it looks like on Facebook: