폰트 선택 기능 수정을 통해 페이지 성능 향상 > 개발 내역

폰트 선택 사항을 페이지 로드 후 적용하도록 수정함에 따라 페이지 전체의 성능이 향상된 것을 확인하였습니다.
(기존에는 로딩이 중간에 한번 되다 폰트가 로드될 때 까지 멈춘 후 다시 마저 로딩이 되어서 느린 문제가 발생했었습니다.)


수정 사항:
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>






*부가적으로 메인 화면에서 출력하는 콘텐츠의 수를 조정하여 페이지의 크기를 줄였습니다.