Tools & Wizards About Us
drawabox.com screenshot

Report Summary

  • 22

    Performance

    Renders faster than
    40% of other websites

  • 64

    Accessibility

    Visual factors better than
    that of 30% of websites

  • 0

    Best Practices

  • 59

    SEO

    Google-friendlier than
    22% of websites

drawabox.com

Drawabox | A free, exercise based approach to learning the fundamentals of drawing

Page Load Speed

1 sec in total

First Response

63 ms

Resources Loaded

721 ms

Page Rendered

230 ms

drawabox.com screenshot

About Website

Welcome to drawabox.com homepage info - get ready to check Drawabox best content for United States right away, or after learning these important things about drawabox.com

A free, exercise based approach to learning the fundamentals of drawing. We tackle drawing in a logical, analytical fashion inspired by concept artists and industrial designers, focusing on technical ...

Visit drawabox.com

Key Findings

We analyzed Drawabox.com page load time and found that the first response time was 63 ms and then it took 951 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

drawabox.com performance score

22

Measured Metrics

name

value

score

weighting

FCP (First Contentful Paint)

Value9.0 s

0/100

10%

LCP (Largest Contentful Paint)

Value13.8 s

0/100

25%

SI (Speed Index)

Value9.0 s

15/100

10%

TBT (Total Blocking Time)

Value780 ms

38/100

30%

CLS (Cumulative Layout Shift)

Value0.246

50/100

15%

TTI (Time to Interactive)

Value13.6 s

11/100

10%

Network Requests Diagram

drawabox.com

63 ms

production.min.css

31 ms

adsbygoogle.js

25 ms

production.min.js

42 ms

css

45 ms

Our browser made a total of 61 requests to load all elements on the main page. We found that 80% of them (49 requests) were addressed to the original Drawabox.com, 7% (4 requests) were made to Pagead2.googlesyndication.com and 5% (3 requests) were made to Fonts.gstatic.com. The less responsive or slowest element that took the longest time to load (334 ms) belongs to the original domain Drawabox.com.

Page Optimization Overview & Recommendations

Page size can be reduced by 595.6 kB (29%)

Content Size

2.0 MB

After Optimization

1.4 MB

  • HTML
  • Images
  • JavaScript
  • CSS

In fact, the total size of Drawabox.com main page is 2.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. 60% of websites need less resources to load. Images take 1.7 MB which makes up the majority of the site volume.

HTML Optimization

-76%

Potential reduce by 27.9 kB

  • Original 36.9 kB
  • After minification 30.0 kB
  • After compression 9.0 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 6.9 kB, which is 19% 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 27.9 kB or 76% of the original size.

Image Optimization

-26%

Potential reduce by 449.9 kB

  • Original 1.7 MB
  • After minification 1.3 MB

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. Obviously, Drawabox needs image optimization as it can save up to 449.9 kB or 26% of the original volume. The most popular and efficient tools for JPEG and PNG image optimization are Jpegoptim and PNG Crush.

JavaScript Optimization

-49%

Potential reduce by 117.3 kB

  • Original 240.9 kB
  • After minification 240.8 kB
  • After compression 123.6 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. It is highly recommended that all JavaScript files should be compressed and minified as it can save up to 117.3 kB or 49% of the original size.

CSS Optimization

-63%

Potential reduce by 483 B

  • Original 762 B
  • After minification 696 B
  • After compression 279 B

CSS files minification is very important to reduce a web page rendering time. The faster CSS files can load, the earlier a page can be rendered. Drawabox.com needs all CSS files to be minified and compressed as it can save up to 483 B or 63% of the original size.

Requests Breakdown

Number of requests can be reduced by 5 (9%)

Requests Now

57

After Optimization

52

  • AJAX
  • Images
  • JavaScript
  • CSS

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

Network Requests Diagram

drawabox.com

drawabox.com

63 ms

production.min.css

production.min.css

31 ms

adsbygoogle.js

adsbygoogle.js

25 ms

production.min.js

production.min.js

42 ms

css

css

45 ms

analytics.js

analytics.js

101 ms

logo.png

logo.png

93 ms

logo_small.png

logo_small.png

65 ms

nav_learn.png

nav_learn.png

66 ms

subtext_learn.png

subtext_learn.png

67 ms

nav_thoughts.png

nav_thoughts.png

67 ms

subtext_thoughts.png

subtext_thoughts.png

70 ms

subtext_aboutus.png

subtext_aboutus.png

70 ms

nav_aboutus.png

nav_aboutus.png

72 ms

subtext_giveback.png

subtext_giveback.png

113 ms

nav_giveback.png

nav_giveback.png

98 ms

subtext_videos.png

subtext_videos.png

99 ms

nav_videos.png

nav_videos.png

112 ms

subtext_community.png

subtext_community.png

98 ms

nav_community.png

nav_community.png

118 ms

social_youtube.png

social_youtube.png

127 ms

social_facebook.png

social_facebook.png

125 ms

lessonset_1.png

lessonset_1.png

126 ms

lesson1.jpg

lesson1.jpg

127 ms

lesson2.jpg

lesson2.jpg

144 ms

lessonset_challenges.png

lessonset_challenges.png

149 ms

challenge250boxes.jpg

challenge250boxes.jpg

218 ms

challenge250cylinders.jpg

challenge250cylinders.jpg

222 ms

texturechallenge.jpg

texturechallenge.jpg

222 ms

lessonset_2.png

lessonset_2.png

223 ms

lesson3.jpg

lesson3.jpg

243 ms

lesson4.jpg

lesson4.jpg

237 ms

lesson5.jpg

lesson5.jpg

252 ms

lesson6.jpg

lesson6.jpg

265 ms

lesson7.jpg

lesson7.jpg

291 ms

lessonset_3.png

lessonset_3.png

252 ms

lesson8.jpg

lesson8.jpg

291 ms

lesson9.jpg

lesson9.jpg

295 ms

lesson10.jpg

lesson10.jpg

302 ms

lesson11.jpg

lesson11.jpg

301 ms

lesson12.jpg

lesson12.jpg

301 ms

lesson13.jpg

lesson13.jpg

334 ms

ca-pub-6349838342526952.js

ca-pub-6349838342526952.js

224 ms

zrt_lookup.html

zrt_lookup.html

198 ms

show_ads_impl.js

show_ads_impl.js

99 ms

lessonset_4.png

lessonset_4.png

258 ms

lesson14.jpg

lesson14.jpg

278 ms

lesson15.jpg

lesson15.jpg

278 ms

article_motivation.jpg

article_motivation.jpg

284 ms

article_ink.jpg

article_ink.jpg

282 ms

article_construction.jpg

article_construction.jpg

282 ms

aboutme.jpg

aboutme.jpg

318 ms

cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff

cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff

148 ms

k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff

k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff

169 ms

EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff

EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff

199 ms

thankyou.jpg

thankyou.jpg

316 ms

banner_journey.jpg

banner_journey.jpg

297 ms

banner_journey_text.png

banner_journey_text.png

265 ms

collect

collect

174 ms

ads

ads

322 ms

osd.js

osd.js

45 ms

Accessibility Review

drawabox.com accessibility score

64

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

SEO Factors

drawabox.com SEO score

59

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

Links do not have descriptive text

High

Image elements do not have [alt] attributes

Crawling and Indexing

To appear in search results, crawlers need access to your app.

Impact

Issue

High

Links are not crawlable

High

robots.txt is not valid

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 doesn't use 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 Drawabox.com 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 Drawabox.com 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

drawabox.com

Open Graph description is not detected on the main page of Drawabox. Lack of Open Graph description can be counter-productive for their social media presence, as such a description allows converting a website homepage (or other pages) into good-looking, rich and well-structured posts, when it is being shared on Facebook and other social media. For example, adding the following code snippet into HTML <head> tag will help to represent this web page correctly in social networks: