웹사이트 성능보고 점수 F받았네;;
CSS/HTML으로만 구성된 정적웹사이트를 구성했다!!드디어 !!!
netlify로 배포하고 휴대폰으로 테스트해보는데
와... 느려도 이렇게 느려터질 수가 있나...세상에
너무 어이없어서 이 사이트에서 속도 테스트를 해봤다.
근데 F;;놀랍지도 않다.
내가 살면서 이렇게 오래걸리는 웹사이트는 처음봤다. 참나
베트남가서 인터넷했을때도 이렇게 느리진 않았다.. 아이고
웹사이트에 이미지를..다 고화질로 넣고싶은 욕심때문에 너무 무리했나보다.
빨리 이미지파일 손봐야지 흑흑
TinyPNG – Compress WebP, PNG and JPEG images intelligently
Make your website faster and save bandwidth. TinyPNG optimizes your WebP, PNG and JPEG images by 50-80% while preserving full transparency!
tinypng.com
이 사이트를 이용하는데
이미지 한 개가 5MB가 넘어서 도저히..저 사이트에선 해결이 안됐따
그래서 여기로 갔다
iLoveIMG | 쉽고 빠른 온라인 무료 이미지 편집 툴
신속하게 파일 수정이 가능한 무료 이미지 편집 툴 iLoveIMG. 잘라내기, 크기 조정, 압축, 변환 등의 작업을 진행해 보세요!
www.iloveimg.com
저기에서 최대한 줄이고
또 줄이고...줄이고 줄이고 줄이고 줄여서....
겨우 !!! 겨우!!!!!!!! 받아냈다
야호!
아 참
https://blog.outsider.ne.kr/223
제발 a href='#' 좀 쓰지 말자.... :: Outsider's Dev Story
웹이 점점 화려해 지고 인터넷속도가 빨라지면서 웹페이지들은 점점 빨라지고 있고 디자인은 갈수록 중요해지고 있기 때문에 웹사이트에는(특히 국내에서) 정말 많은 이미지가 들어가고 있다.
blog.outsider.ne.kr
짧게 요약한 이유 :
나 처럼 href에
#
이거만 덜렁 두는게 아니라
<a href="#title">제목으로 이동</a>
........중간내용.............
<h3 id="title">제목</h3>
//코드는 출처 위의 블로그
이렇게 하여 페이지 이동을하면 바로 상단으로올라가는 것이 아니라
해당 id로 이동하여 사용자들이 스크롤로 다시 내려와야 할 필요가 없기 때문!
https://rgy0409.tistory.com/2884
HTML 이미지에 ALT 태그 속성값을 반드시 넣어줘야 하는 이유
이번 시간에는 사소하지만 정말 중요한것을 알아보겠습니다. 이건 네이버 웹마스터에 있는 링크구조에 대한 오류와도 관련있는 문제일 수 있습니다. 더 나아가자면, 자신의 검색엔진에 노출되
rgy0409.tistory.com
이 게시글도 많이 도움이 됐다..
코드 짤 때 부터 알아둘껄 뒤늦게 봐서 부랴부랴 수정했다.
기억하자
alt 태그 속성값과 href에 anchor(앵커) 기능 사용하기!!