웹 프런트엔드 페이지 성능 최적화

일반적으로 사용되는 최적화:

1. 프런트엔드 개발 엔지니어가 xhtml을 작성할 때 구조적 의미론을 달성하도록 장려합니다(태그 의미론의 이점: 1. 검색 엔진에 도움이 됨, 2. 명확한 구조가 팀워크를 촉진함, 3. 화면 판독기가 눈에 띄지 않게 도움이 됨). 태그를 의미있게 만드는 것은 개인적인 이해에 달려 있으며, 이 측면에 대해서도 막연한 느낌이 들며 아마도 개인적인 습관과 관련이 있을 것입니다.)

2. CSS 및 js 파일 수와 크기를 최적화합니다. (일반적으로 반복 코드 및 코드 재사용을 줄이기 위해 css 및 js를 외부에 연결하는 것이 좋습니다.)

3. 배경 이미지의 수와 크기를 최적화합니다. (CSS 스프라이트와 결합된 PNG8 형식의 이미지를 사용하세요. 배경 이미지가 많으면 서버에 영향을 미치고 http 요청 수가 늘어납니다.)

4. 스타일 시트를 페이지 하단에 배치하고 @import 대신 를 사용하세요.