Jump to content

Recommended Posts

  • Moderators

Google has implemented a new service : web.dev

Basically this measures some indicators of any url using their LightHouse tool.

These indicators are grouped into Performance, Accessibility, Best Practices and SEO

 

I created a minimal SMS project with only a single image on a form and run the test :

https://web.dev/measure and url https://www.lynkfs.com/Experiments/lighthouse/www/

This gives scores of 95 / 27 / 77 / 89 for Performance, Accessibility, Best Practices and SEO respectively

 

There are a couple of really simple things which will up these scores considerably.

Scores were upped to 96 / 74 / 92 / 100 when doing this :

Best Practices from 77 to 92 :
1) in project options/linker unclick 'generate cache manifest' (deprecated)

Performance from 95 to 96 :
1) in project options/linker unclick 'store CSS as a separate file'  (95 to 96)
2) add async to <script async src="lib/polyfill.custom.events.js" type="text/javascript"></script> in the index.html template

SEO from 89 to 100 :
1) add meta description tag to the head of index.html
<meta name="Description" content="Put your description here.">

Accessability from 27 to 74 :
1) add alt attribute to images, even if only ''  :   W3Image1.handle.setAttribute('alt', ''); (27 to 58)
2) add lang="en" to html element in index.html template : <html lang="en">   (58 to 74)
3) tabindex=1 for TW3Display and TW3DisplayView. Should be 0 ?

run test again on url https://www.lynkfs.com/Experiments/lighthouse2/www/ to see these results

 

All of the above could be made part of the standard settings for a new visual project

 

 

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...