Jump to content

4.3.5 Few W3C Validation / GtMetrix suggestions


The Old Man

Recommended Posts

Posted

Please could you address some small issues affecting W3C Validation and Page Speed/YSlow performance via GTMetrix? 

  1. The 'type' attribute is unnecessary for JavaScript resources.
  2. Specify Image Dimensions and Serve Scaled Images - The HTML width and height attributes are missing but it also highlights massive thumbnail image sizes in 'Our Picks' widget.

 

Here on the IPS Community this Our Picks thumbnail is 2000 x 1333 - https://dne4i5cb88590.cloudfront.net/invisionpower-com/monthly_2018_07/tips.jpg.2ea1b741245ea28ec1785b43a5b9e4a1.jpg

1920x1440 - https://dne4i5cb88590.cloudfront.net/invisionpower-com/monthly_2018_07/placeit.jpg.c6b232f6654ff927fd5728a3fda987a5.jpg

1600x1033 - https://dne4i5cb88590.cloudfront.net/invisionpower-com/monthly_2018_08/penknife.jpg.b534e8175a9dc6dfd0261e584baab6ca.jpg

 

3. Gallery widget carousel img tags are missing the html src attributes. I think this may be due to lazyload facility in terms of how it works, but an example would be:

<img data-src alt="1-My-Nice-Photo-20180728_121547.jpg">

4. Remove query strings from static resources

I've asked about this before and the response was that query strings are necessary for cache busting. However the recommendation is to insert the query string into the URI itself which accomplishes the same thing:

<script type='text/javascript' src='//invisioncommunity.com/applications/core/interface/howler/howler.core.min.js?v=405d7b92eb' data-ips></script>

 

Could be changed to this, which would be catchable whilst still cache busting...

<script type='text/javascript' src='//invisioncommunity.com/applications/core/interface/howler/howler.core.405d7b92eb.min.js' data-ips></script>

Many thanks!

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...