JS 구성 요소를 사용할 때 (CLS) 레이아웃 이동을 피하는 방법

Javascript를 기반으로 하는 구성 요소를 사용하는 경우 특히 어떤 방식으로든 Javascript 시작을 지연하는 경우 콘텐츠(CLS)의 레이아웃 이동을 알 수 있습니다. Mr.Utils javascript 구성 요소가 작동하는 방식은 페이지 로드 후 필요한 CSS 인라인 속성을 요소에 추가하는 것입니다. Mr.Utils Swipe 구성 요소와 같은 구성 요소는 다음 인라인 속성을 요소...

cumulativelayoutsiftpagespeedjavascriptcls

나의 작은 개인 홈페이지

이것은 dev.to의 첫 번째 게시물이며 공유하기에 적합한 위치인지는 모르겠지만 빌드하는 동안 흥미로웠던 점에 대해 약간의 통찰력을 제공하고 싶습니다. 그래서 한가한 일요일에 약간 창의적으로 작은 개인 사이트를 만들고 내 소셜 네트워크 계정과 SSH 및 OpenPGP 키를 공유할 생각이 들었습니다. 다행스럽게도 GTmetrix는 특정 기준을 개선하는 방법에 대한 정말 좋은 가이드를 제공합니다...

pagespeedshowdevwebsiteoptimization

Google PageSpeed와 싸우고 나서 배운 세 가지

최근에 새로운 디자인의 랜딩 페이지를 유지할 기회가 있었지만 로딩 성능 문제와 이전 페이지에 비해 전환율이 많이 떨어졌습니다. 이미지 최적화(압축/지연 로드) CSS/JS 로드 최적화( ) 과 같은 이미지 압축을 사용하여 이미지를 압축하고 페이지 크기를 최소화하며 이미지를 점진적으로 설정하는 것이 중요합니다. 이미지를 프로그레시브 이미지로 만들려면 컴퓨터에 Imagemagick이 있는 경우 ...

pagespeedgooglecssjavascript

페이지 속도를 개선하기 위해 Youtube iframe 방지

간단한 자바스크립트로 Core Web Vitals 페이지 속도를 개선하세요! HTML 변경이 필요하지 않습니다. Google에서 웹 사이트 속도를 측정하기 위해 Core Web Vitals를 도입한 후 좋은 점수를 얻으려면 몇 가지 사항을 변경해야 합니다. 큰 문제는 YouTube iframe입니다! 페이지를 로드하자마자 그들은 외부 요청을 할 것입니다. 한편으로는 플레이어 설정에 따라 일부...

pagespeedyoutubejavascripthtml