Как улучшить сайт на базе Nuxt. js для понимания Google PageSpeed - PullRequest
0 голосов
/ 01 мая 2020

У меня есть веб-сайт, который разрабатывается с помощью Nuxt. js.

Он действительно отлично работает, но поскольку первая загрузка занимает пару секунд, с пустой страницей понимание Google PageSpeed ​​действительно плохое для mobile.

Тестовый сайт здесь: http://eventscace-354711072.us-east-1.elb.amazonaws.com/

Они утверждают, что начальный болезненный контент занимает 10 секунд или больше.

Я симпатичная конечно, это как-то связано с загрузкой VueX. Поэтому мне было интересно, есть ли способ ускорить или поместить что-то в эту белую страницу хотя бы во время загрузки.

Большое спасибо!

1 Ответ

0 голосов
/ 05 мая 2020

Просто запустил ваш сайт через https://webpagetest.org, и он прекрасно показывает, где он проводит время. Я только что заметил:

  • загрузка jquery несколько раз (почему jquery с vue на первом месте?)
  • большая и много css (чистка- css?)
  • вы загружаете много шрифтов
  • стороннее JS после загрузки GTM
  • запустите сборку nuxt с анализом, установленным в true, и посмотрите, где большой JS в вашем приложении
  • размер изображения?

В любом случае, я думаю, много маленьких шагов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...