Report Summary

  • 89

    Performance

    Renders faster than
    90% of other websites

  • 75

    Accessibility

    Visual factors better than
    that of 42% of websites

  • 83

    Best Practices

    More advanced features
    available than in
    56% of websites

  • 92

    SEO

    Google-friendlier than
    75% of websites

naughtypandadesign.com

NPD - Naughty Panda Design | Web Design & Front-end Development

Page Load Speed

1.2 sec in total

First Response

302 ms

Resources Loaded

838 ms

Page Rendered

79 ms

naughtypandadesign.com screenshot

About Website

Welcome to naughtypandadesign.com homepage info - get ready to check Naughty Panda Design best content right away, or after learning these important things about naughtypandadesign.com

Naughty Panda Design by web designer and front-end developer Joao Pedro Pereira. Usability and CSS driven web design and other web creations!

Visit naughtypandadesign.com

Key Findings

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

naughtypandadesign.com performance score

89

Measured Metrics

name

value

score

weighting

FCP (First Contentful Paint)

Value2.9 s

54/100

10%

LCP (Largest Contentful Paint)

Value3.1 s

76/100

25%

SI (Speed Index)

Value2.9 s

95/100

10%

TBT (Total Blocking Time)

Value10 ms

100/100

30%

CLS (Cumulative Layout Shift)

Value0

100/100

15%

TTI (Time to Interactive)

Value2.9 s

96/100

10%

Network Requests Diagram

naughtypandadesign.com

302 ms

css

36 ms

bootstrap.min.css

374 ms

font-awesome.min.css

273 ms

index.css

185 ms

Our browser made a total of 8 requests to load all elements on the main page. We found that 75% of them (6 requests) were addressed to the original Naughtypandadesign.com, 13% (1 request) were made to Fonts.googleapis.com and 13% (1 request) were made to Code.jquery.com. The less responsive or slowest element that took the longest time to load (374 ms) belongs to the original domain Naughtypandadesign.com.

Page Optimization Overview & Recommendations

Page size can be reduced by 154.7 kB (77%)

Content Size

201.8 kB

After Optimization

47.1 kB

In fact, the total size of Naughtypandadesign.com main page is 201.8 kB. This result falls beyond the top 1M of websites and identifies a large and not optimized web page that may take ages to load. 15% of websites need less resources to load. CSS take 150.7 kB which makes up the majority of the site volume.

HTML Optimization

-66%

Potential reduce by 1.9 kB

  • Original 2.9 kB
  • After minification 2.6 kB
  • After compression 985 B

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 365 B, which is 12% 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 1.9 kB or 66% of the original size.

Image Optimization

-13%

Potential reduce by 1.4 kB

  • Original 11.4 kB
  • After minification 9.9 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. Obviously, Naughty Panda Design needs image optimization as it can save up to 1.4 kB or 13% of the original volume. The most popular and efficient tools for JPEG and PNG image optimization are Jpegoptim and PNG Crush.

JavaScript Optimization

-73%

Potential reduce by 27.1 kB

  • Original 36.8 kB
  • After minification 36.8 kB
  • After compression 9.8 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 27.1 kB or 73% of the original size.

CSS Optimization

-82%

Potential reduce by 124.3 kB

  • Original 150.7 kB
  • After minification 150.2 kB
  • After compression 26.4 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. Naughtypandadesign.com needs all CSS files to be minified and compressed as it can save up to 124.3 kB or 82% of the original size.

Requests Breakdown

Number of requests can be reduced by 3 (43%)

Requests Now

7

After Optimization

4

The browser has sent 7 CSS, Javascripts, AJAX and image requests in order to completely render the main page of Naughty Panda 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 4 to 1 for CSS and as a result speed up the page load time.

Accessibility Review

naughtypandadesign.com accessibility score

75

Accessibility Issues

Best practices

These items highlight common accessibility best practices.

Impact

Issue

High

[user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5.

Best Practices

naughtypandadesign.com best practices score

83

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

SEO Factors

naughtypandadesign.com SEO score

92

Search Engine Optimization Advices

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

Language and Encoding

  • Language Detected

    EN

  • Language Claimed

    EN

  • Encoding

    ISO-8859-1

Language claimed in HTML meta tag should match the language actually used on the web page. Otherwise Naughtypandadesign.com can be misinterpreted by Google and other search engines. Our service has detected that English is used on the page, and it matches the claimed language. Our system also found out that Naughtypandadesign.com main page’s claimed encoding is iso-8859-1. Changing it to UTF-8 can be a good choice, as this format is commonly used for encoding all over the web and thus their visitors won’t have any troubles with symbol transcription or reading.

Social Sharing Optimization

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