반응형
Nuxt.js 기반 사이트를 개선하여 Google PageSpeed 통찰력을 얻는 방법
저는 Nuxt.js로 만든 웹사이트를 개발 중입니다.
정말 잘 작동하지만 첫 번째 로딩에는 몇 초가 걸리고 빈 페이지가 있기 때문에 Google Page Speed의 통찰력은 모바일에는 매우 부족합니다.
그들은 처음에 아픈 내용물이 10초 이상 걸린다고 주장한다.
VueX의 로딩과 관련이 있다고 생각합니다.그래서 적어도 로드되는 동안 화이트 페이지에 속도를 높이거나 내용을 넣을 수 있는 방법이 없을까 생각했습니다.
정말 고마워.
방금 https://webpagetest.org에서 사이트를 실행했는데, 어디서 시간을 보내는지 잘 보여 줍니다.방금 알아챘어:
- jquery를 여러 번 로드합니다(애초에 vue를 사용하여 jquery를 하는 이유는 무엇입니까?).
- 크고 많은 css(css-css)?
- 많은 글꼴을 로드하고 있습니다.
- GTM 로드 후 서드파티 JS
- 분석을 true로 설정한 상태에서 nuxt 빌드를 실행하여 앱의 빅 JS 위치를 확인합니다.
- 이미지 크기?
어쨌든, 저는 작은 단계들이 많다고 생각합니다.
언급URL : https://stackoverflow.com/questions/61547944/how-to-improve-a-nuxt-js-powered-site-for-google-pagespeed-insights
반응형
'programing' 카테고리의 다른 글
| uint_fast32_t보다 uint32_t가 선호되지 않는 이유는 무엇입니까? (0) | 2022.06.10 |
|---|---|
| vuex ajax 호출 및 여러 구성 요소 (0) | 2022.06.10 |
| 엑셀 파일 읽기 및 쓰기 방법 (0) | 2022.06.10 |
| 부호 없는 정수와 부호 있는 정수의 성능 (0) | 2022.06.10 |
| v-show가 소품 작업을 하지 않음 (0) | 2022.06.10 |