Lighthouse: Is viewport parsing working correctly?

Created on 11 Jul 2018 · 5Comments · Source: GoogleChrome/lighthouse

Hello,

I've hard times to figure out why viewport tags is not detected on https://www.fondan.co

Here is the tag :

Thx for your help,

Best,

needs-more-info pending-close

Source

klessou

Most helpful comment

This doesn't appear specific to lighthouse. It looks like they're using Nuxt.js and have the meta tags injected in the SSR, as view source has them:

However, when testing in Chrome and Firefox (I didn't test other things), those tags aren't there (document.querySelectorAll("meta") returns an empty NodeList).

I'm not a vue expert, but my hunch is that vue-meta is mis-configured and updating the DOM, essentially removing the meta tags. According to the docs, you need to set <html data-vue-meta-server-rendered> to prevent this (see "How to prevent the update on the initial page render").

justinribeiro on 11 Jul 2018

👍2

All 5 comments

It seems to be working properly, I don't see a meta[name=viewport] on that site either.

patrickhulce on 11 Jul 2018

👍1

This doesn't appear specific to lighthouse. It looks like they're using Nuxt.js and have the meta tags injected in the SSR, as view source has them:

However, when testing in Chrome and Firefox (I didn't test other things), those tags aren't there (document.querySelectorAll("meta") returns an empty NodeList).

justinribeiro on 11 Jul 2018

👍2

Hello Guys,

Thanks a lot for your help! It really helped me figure out why I had weird issues regarding PWA...
Actually I used NUXT.JS and after some days I found out that there is an opened bug regarding that issue : https://github.com/nuxt-community/nuxt-i18n/issues/100

Meanwhile seo = false fix my issue, I hope nuxt-i18n will fix that soon.

Best !

klessou on 15 Jul 2018

@klessou I believe this issue is resolved on the lighthouse part so this ticket can be closed? If not please let me know