폰트 선택 기능 수정을 통해 페이지 성능 향상
본문
폰트 선택 사항을 페이지 로드 후 적용하도록 수정함에 따라 페이지 전체의 성능이 향상된 것을 확인하였습니다.
(기존에는 로딩이 중간에 한번 되다 폰트가 로드될 때 까지 멈춘 후 다시 마저 로딩이 되어서 느린 문제가 발생했었습니다.)
수정 사항:
https://dsclub.kr/code/862
의 코드블럭1을 아래와 같이 수정했습니다.
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nanumgothic.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nanumpenscript.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/jejugothic.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/jejuhallasan.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/hanna.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/kopubbatang.css">
<style>
body, .latest_member_id, .latest_subject, .latest_content {
font-family: 'Nanum Gothic', sans-serif;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
// 모든 요소가 로드된 후 스타일을 적용
document.body.style.fontFamily = "'Nanum Gothic', sans-serif";
// 추가적으로 필요한 요소에 대해 스타일을 적용할 수 있습니다.
});
</script>
*부가적으로 메인 화면에서 출력하는 콘텐츠의 수를 조정하여 페이지의 크기를 줄였습니다.
등록된 댓글이 없습니다.
