---
title: "#LLM: 웹페이지 로딩 속도 개선"
url: "https://notes.junghanacs.com/notes/20250315T152549"
author: "Junghan Kim"
date: "2025-03-15T15:25:00+09:00"
lastmod: "2025-03-15T00:00:00+09:00"
description: "웹페이지 로딩 속도를 개선하는 기본 방법들을 정리한 LLM 로그이다."
---

> [!abstract] 이 노트에 대하여
> 
> 페이지 로딩 속도를 높이기 위한 캐시와 이미지 최적화, 스크립트 지연 로딩 같은 기본 전략을 빠르게 점검한다. 웹 성능 문제를 실용적으로 훑는 짧은 메모다.

## BIBLIOGRAPHY

## 관련노트

## 히스토리

-   [2025-03-15 Sat 15:25]

## [2025-03-15 W10](https://notes.junghanacs.com/journal/20250310T000000)

@user 아래 링크를 보고 웹페이지를 어떻게 수정해서 로딩 속도를 개선할 지 조언을 줘

<https://pagespeed.web.dev/analysis/https-notes-junghanacs-com/zj1g30fp4i?form_factor=mobile>

@assistant 웹페이지의 로딩 속도를 개선하기 위해 아래의 조언을 참고해 보세요.

1.  **이미지 최적화**:
    -   이미지를 압축하여 파일 크기를 줄입니다. Tiny PNG와 같은 도구를 사용할 수 있습니다[1][5].
    -   적절한 이미지 포맷(JPEG, PNG 등)을 선택하고, 필요 이상으로 큰 이미지를 사용하지 않도록 조절합니다[5].

2.  **코드 최적화**:
    -   HTML, CSS, JavaScript 코드를 정리하고 압축합니다. 불필요한 코드를 제거하고, CSS와 JavaScript 파일을 병합하여 요청 횟수를 줄입니다[1][5].
    -   미니파이(minify)를 통해 공백 문자와 주석을 제거하여 코드 크기를 줄입니다[5].

3.  **캐싱 활용**:
    -   브라우저 캐싱을 활성화하여 방문자들이 이전에 로드한 콘텐츠를 재사용할 수 있도록 합니다[1][5].

4.  **서버 성능 개선**:
    -   고성능 서버를 사용하거나 호스팅 업그레이드를 고려합니다. 이는 웹 페이지 로딩 속도에 큰 영향을 미칩니다[1][5].

5.  **비동기 로딩**:
    -   핵심 콘텐츠를 먼저 로드한 후, CSS 및 JavaScript 파일을 비동기적으로 로드하여 초기 로딩 속도를 개선합니다[3][5].

6.  **CDN 사용**:
    -   콘텐츠 전달 네트워크(CDN)를 활용하여 전세계 여러 위치의 서버를 이용해 콘텐츠를 제공하여 로딩 시간을 단축합니다[3].

7.  **PageSpeed Insights 활용**:
    -   PageSpeed Insights 도구를 사용하여 웹페이지의 성능을 분석하고, 제공되는 조언을 참고하여 개선합니다[2][4].

8.  Citations: [1] <https://seo-marketing.co.kr/26> [2] <https://www.youtube.com/watch?v=B8Yh3pELD3c> [3] <https://newstartjoah.tistory.com/202> [4] <https://www.youtube.com/watch?v=PU10N-uTFmg> [5] <https://brunch.co.kr/@830bfa34e0894d6/86>

@user