블로그관리/PageSpeed Insight "PageSpeed Insight" 이미지 요소에 width 및 height가 명시되어 있지 않습니다 (feat. 티스토리) "PageSpeed Insight" 성능 검사시 "이미지 요소에 width 및 height가 명시되어 있지 않습니다"의 원인 확인 및 해결방법입니다. 티스토리 블로그를 관리하며, 성능을 향상시키기 위해서 "PageSpeed Insight"를 사용해보셨을 겁니다. 검사 결과 중 위에서 말씀드렸던 "이미지 요소에 width 및 height가 명시되어 있지 않습니다"라는 문제가 발생할 수 있습니다. 여기서 "width = 너비", "height = 높이"를 말하며, 쉽게 말한다면 가로와 세로의 길이를 나타냅니다. 티스토리 블로그에서는 이미지의 크기가 업로드시 자동으로 작성되지만, javascript로 불러오거나 하는 썸네일 같은 이미지에 대해서는 직접 크기를 입력해 주어야 합니다. 티스토리 블로그를 운영중이라.. 2022. 9. 10. "PageSpeed Insight" 웹폰트가 로드되는 동안 텍스트가 계속 표시되는지 확인하기 (feat. 티스토리) 안녕하세요. "뜬글" 입니다. 혹시 본인이 티스토리 블로그를 운영 중이신 분이라면 트래픽, 즉 방문객의 유입을 늘리기 위해서는 반드시 해야 할 일이 있습니다. 바로 "구글 서치 콘솔을 관리하는 일"입니다. 이곳에서는 웹사이트의 URL 검사, 색인 생성, 데스크톱&모바일 성능 검사, 모바일 사용 편의성 확인하고 개선해, 검색 이용자들에게 쉽게 노출이 되도록 도와줍니다. 이 포스팅에서는 "PageSpeed Insights"를 이용하여 성능 검사를 진행하고, '웹폰트가 로드되는 동안 텍스트가 계속 표시되는지 확인하기'라는 문제가 있다면 계속 진행하시면 됩니다. 폰트를 웹사이트에 적용하는 법은 두 가지가 있습니다. 첫 번째, 웹에 있는 폰트를 가져와 사용하는 방법 두 번째, 서버에 업로드하여 사용하는 방법 각각.. 2022. 9. 2. 이전 1 다음
