URL
https://openmobilealliance.org
Pre-Conditions
I've been monitoring for SEO issues/improvements for openmobilealliance.org and I have identified an issue with an easy win.
The iconify icons are being fetched from their servers every time the pages load, and it's getting throttled. That's why some elements on pages are taking 5+ seconds to load. This isn't good for SEO.
So the icons need to be installed locally when building the site. To do this the following needs to be done:
- Update nuxt.config.ts to stop allowing the icon bundles to be fetched from iconify servers:
In the nuxt.config.ts remove the following 4 lines:
- Add the icon bundles manually:
Identify which icon bundles are used and install using npm. E.g.
npm i @iconify-json/line-md
To identify which icons bundles are used, you can use the console, which shows you which icon packs are used for each page when you run it locally.
And also going through the code and looking for all the tags.
And also finding tag attributes called ' icon="..." ' (this will be the name of the bundle and icon)
I tried to do it myself to give you the PR, but there is a conflict in the project's package dependencies that would take me too long to fix.
This should significantly improve the problematic pages with long load times.
Let me know if you have any questions.
--
Nathan Dixon MEng
Senior Software Architect
Steps to Reproduce
See above details
Expected Results
Improve SEO performance
Actual Results
n/a
Attachments
No response
Notes
No response
Environment - Browser
No response
Environment - OS
No response
Severity
Low (P3)
Status
New
URL
https://openmobilealliance.org
Pre-Conditions
I've been monitoring for SEO issues/improvements for openmobilealliance.org and I have identified an issue with an easy win.
The iconify icons are being fetched from their servers every time the pages load, and it's getting throttled. That's why some elements on pages are taking 5+ seconds to load. This isn't good for SEO.
So the icons need to be installed locally when building the site. To do this the following needs to be done:
In the nuxt.config.ts remove the following 4 lines:
Identify which icon bundles are used and install using npm. E.g.
npm i @iconify-json/line-md
To identify which icons bundles are used, you can use the console, which shows you which icon packs are used for each page when you run it locally.
And also going through the code and looking for all the tags.
And also finding tag attributes called ' icon="..." ' (this will be the name of the bundle and icon)
I tried to do it myself to give you the PR, but there is a conflict in the project's package dependencies that would take me too long to fix.
This should significantly improve the problematic pages with long load times.
Let me know if you have any questions.
--
Nathan Dixon MEng
Senior Software Architect
Steps to Reproduce
See above details
Expected Results
Improve SEO performance
Actual Results
n/a
Attachments
No response
Notes
No response
Environment - Browser
No response
Environment - OS
No response
Severity
Low (P3)
Status
New