Tools & Wizards About Us
nathanwatkinsdesign.com screenshot

Report Summary

  • 51

    Performance

    Renders faster than
    69% of other websites

  • 67

    Accessibility

    Visual factors better than
    that of 32% of websites

  • 58

    Best Practices

    More advanced features
    available than in
    20% of websites

  • 82

    SEO

    Google-friendlier than
    44% of websites

nathanwatkinsdesign.com

Nathan Watkins | Graphic Design, Branding, UX/UI, Web, and Illustration | Seattle, WA

Page Load Speed

6.9 sec in total

First Response

217 ms

Resources Loaded

4.4 sec

Page Rendered

2.3 sec

nathanwatkinsdesign.com screenshot

About Website

Visit nathanwatkinsdesign.com now to see the best up-to-date Nathan Watkins Design content and also check out these interesting facts you probably never knew about nathanwatkinsdesign.com

The design studio of Nathan Watkins, offering top-of-the-line services in graphic design, branding, UX/UI, web design, front-end development, and illustration. Nathan is a very highly skilled designer...

Visit nathanwatkinsdesign.com

Key Findings

We analyzed Nathanwatkinsdesign.com page load time and found that the first response time was 217 ms and then it took 6.7 sec to load all DOM resources and completely render a web page. This is a poor result, as 80% of websites can load faster.

Performance Metrics

nathanwatkinsdesign.com performance score

51

Measured Metrics

name

value

score

weighting

FCP (First Contentful Paint)

Value2.8 s

56/100

10%

LCP (Largest Contentful Paint)

Value29.0 s

0/100

25%

SI (Speed Index)

Value3.9 s

82/100

10%

TBT (Total Blocking Time)

Value180 ms

91/100

30%

CLS (Cumulative Layout Shift)

Value0.542

13/100

15%

TTI (Time to Interactive)

Value4.9 s

77/100

10%

Network Requests Diagram

nathanwatkinsdesign.com

217 ms

nathanwatkinsdesign.com

798 ms

jquery.min.js

19 ms

jquery-ui.js

16 ms

main.css

179 ms

Our browser made a total of 78 requests to load all elements on the main page. We found that 83% of them (65 requests) were addressed to the original Nathanwatkinsdesign.com, 5% (4 requests) were made to Fonts.googleapis.com and 5% (4 requests) were made to Fonts.gstatic.com. The less responsive or slowest element that took the longest time to load (2.4 sec) belongs to the original domain Nathanwatkinsdesign.com.

Page Optimization Overview & Recommendations

Page size can be reduced by 223.8 kB (2%)

Content Size

10.1 MB

After Optimization

9.9 MB

  • HTML
  • Images
  • JavaScript
  • CSS

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

HTML Optimization

-78%

Potential reduce by 23.0 kB

  • Original 29.6 kB
  • After minification 27.3 kB
  • After compression 6.5 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. HTML code on this page is well minified. It is highly recommended that content of this web page should be compressed using GZIP, as it can save up to 23.0 kB or 78% of the original size.

Image Optimization

-2%

Potential reduce by 161.9 kB

  • Original 10.0 MB
  • After minification 9.8 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. Nathan Watkins Design images are well optimized though.

JavaScript Optimization

-35%

Potential reduce by 36.4 kB

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

CSS Optimization

-38%

Potential reduce by 2.6 kB

  • Original 6.9 kB
  • After minification 6.9 kB
  • After compression 4.3 kB

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. Nathanwatkinsdesign.com needs all CSS files to be minified and compressed as it can save up to 2.6 kB or 38% of the original size.

Requests Breakdown

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

Requests Now

74

After Optimization

60

  • AJAX
  • Images
  • JavaScript
  • CSS

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

Network Requests Diagram

nathanwatkinsdesign.com

nathanwatkinsdesign.com

217 ms

nathanwatkinsdesign.com

nathanwatkinsdesign.com

798 ms

jquery.min.js

jquery.min.js

19 ms

jquery-ui.js

jquery-ui.js

16 ms

main.css

main.css

179 ms

slick.css

slick.css

179 ms

slick-theme.css

slick-theme.css

180 ms

css

css

50 ms

css

css

50 ms

slicknav.css

slicknav.css

181 ms

jquery.slicknav.min.js

jquery.slicknav.min.js

182 ms

slick.min.js

slick.min.js

255 ms

slick-init.js

slick-init.js

358 ms

css

css

20 ms

css

css

22 ms

analytics.js

analytics.js

21 ms

logosmall.png

logosmall.png

200 ms

BGimg.png

BGimg.png

244 ms

logowhite.png

logowhite.png

247 ms

instagram.png

instagram.png

199 ms

pillars_2.jpg

pillars_2.jpg

510 ms

gatheringGrounds_cover.jpg

gatheringGrounds_cover.jpg

501 ms

cover-ALBUM-WEB.jpg

cover-ALBUM-WEB.jpg

694 ms

totalApps_cover.jpg

totalApps_cover.jpg

538 ms

FHIA_Logo_PresentationMockup_cover.jpg

FHIA_Logo_PresentationMockup_cover.jpg

537 ms

Manufraktur_Cover.jpg

Manufraktur_Cover.jpg

647 ms

eatingGreenAnimation.png

eatingGreenAnimation.png

738 ms

FF_booklet_presentation1.jpg

FF_booklet_presentation1.jpg

918 ms

farmhouse_cover.jpg

farmhouse_cover.jpg

834 ms

entropyCover.jpg

entropyCover.jpg

1052 ms

LU_Rebrand_Cover.jpg

LU_Rebrand_Cover.jpg

994 ms

Munistra_Presentation_cover.jpg

Munistra_Presentation_cover.jpg

1048 ms

brochuremockup-2web.jpg

brochuremockup-2web.jpg

1038 ms

clerkCover.jpg

clerkCover.jpg

1287 ms

Coffee-Bag-Mockup_cover.jpg

Coffee-Bag-Mockup_cover.jpg

1209 ms

dreamALittleDreamAnimation.png

dreamALittleDreamAnimation.png

1462 ms

EatingGreen_Infographic.jpg

EatingGreen_Infographic.jpg

1508 ms

countryCanine_front.jpg

countryCanine_front.jpg

1460 ms

talkDirty-small.jpg

talkDirty-small.jpg

1750 ms

self-portrait_sublimation_cover.jpg

self-portrait_sublimation_cover.jpg

1613 ms

SCL-VegMgmt-Illustration_cover.jpg

SCL-VegMgmt-Illustration_cover.jpg

1636 ms

Four-bottles.jpg

Four-bottles.jpg

1752 ms

portraitCover.jpg

portraitCover.jpg

1931 ms

FHIA_SignalBoxCh3-4_cover.jpg

FHIA_SignalBoxCh3-4_cover.jpg

1918 ms

first-hill-signal-box-cover2.jpg

first-hill-signal-box-cover2.jpg

1962 ms

first-hill-signal-box-cover.jpg

first-hill-signal-box-cover.jpg

1990 ms

coffee_Preview.jpg

coffee_Preview.jpg

1934 ms

Moju_redesign_presentation-cover.jpg

Moju_redesign_presentation-cover.jpg

2048 ms

earlyThanksCard3.jpg

earlyThanksCard3.jpg

2439 ms

samsara_Preview.jpg

samsara_Preview.jpg

2224 ms

collect

collect

16 ms

font

font

154 ms

font

font

159 ms

font

font

10 ms

font

font

160 ms

infographic_anatomical_Knowledge.png

infographic_anatomical_Knowledge.png

2290 ms

js

js

70 ms

jasonIsbell_posterMockup.jpg

jasonIsbell_posterMockup.jpg

2181 ms

BGimg3.png

BGimg3.png

2047 ms

slick.woff

slick.woff

2033 ms

profilePic2.png

profilePic2.png

2275 ms

microsoft-logo.png

microsoft-logo.png

2227 ms

seattleCityLight-logo.png

seattleCityLight-logo.png

1922 ms

voxus-logo.png

voxus-logo.png

2010 ms

seattleUniversity-logo.png

seattleUniversity-logo.png

2082 ms

FHIA.png

FHIA.png

2180 ms

soundPhysicians-logo.png

soundPhysicians-logo.png

1975 ms

IID-logo.png

IID-logo.png

1964 ms

tectonic-logo.png

tectonic-logo.png

2018 ms

nodal-logo.png

nodal-logo.png

1863 ms

pacificTowerPartners-logo.png

pacificTowerPartners-logo.png

1883 ms

bremertonSymphony-logo.png

bremertonSymphony-logo.png

1865 ms

moju-logo.png

moju-logo.png

1860 ms

brandingIcon.png

brandingIcon.png

1827 ms

webDesignIcon.png

webDesignIcon.png

1846 ms

illustrationIcon.png

illustrationIcon.png

1729 ms

ajax-loader.gif

ajax-loader.gif

1692 ms

mobile.css

mobile.css

159 ms

Accessibility Review

nathanwatkinsdesign.com accessibility score

67

Accessibility Issues

ARIA

These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader.

Impact

Issue

High

[aria-*] attributes do not match their roles

High

[aria-hidden="true"] elements contain focusable descendents

High

ARIA input fields do not have accessible names

High

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.

High

ARIA toggle fields do not have accessible names

High

[aria-*] attributes do not have valid values

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

Best Practices

nathanwatkinsdesign.com best practices score

58

Areas of Improvement

Trust and Safety

Impact

Issue

High

Does not use HTTPS

High

Includes front-end JavaScript libraries with known security vulnerabilities

Low

Ensure CSP is effective against XSS attacks

General

Impact

Issue

Low

Detected JavaScript libraries

High

Browser errors were logged to the console

High

Issues were logged in the Issues panel in Chrome Devtools

SEO Factors

nathanwatkinsdesign.com SEO score

82

Search Engine Optimization Advices

Crawling and Indexing

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

Impact

Issue

High

Links are not crawlable

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 Nathanwatkinsdesign.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 Nathanwatkinsdesign.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

nathanwatkinsdesign.com

Open Graph description is not detected on the main page of Nathan Watkins Design. 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: