압축 및 최적화된 이미지 사용올바른 파일 형식 선택 (사진에는 JPEG, 그래픽에는 PNG)레이아웃 이동을 방지하기 위해 이미지 크기 지정페이지에 로드되는 파일 수 감소 (CSS, JavaScript, 이미지)여러 CSS 또는 JavaScript 파일을 하나로 결합정적
(영어: search engine optimization, SEO)는 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정네이버와 같은 검색 엔진에 맞게 웹사이트를 최적화하려면 검색 엔진 크롤러가 사이트 콘텐츠를 쉽게 이해할 수 있는
async를 사용해도홈페이지 로딩속도가 느림 ->slick에는 rel="preload"를 추가하고, slick을 제외한 나머지 script에 defer의 속성을 이용 -> slick이 작동하지 않음jquery에 넣은 defer를 제거하니 slick 작동<scrip
iframe : HTML Inline Frame 요소이며 inline frame의 약자이다.iframe을 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 다른 페이지를 불러와서 삽입 할 수 있다.<a>태그를 이용하면 iframe 요소의 최초 페이지를 중간에 변경할