[정리] 전단 페이지 접근 속도 최적화
6354 단어 프로 그래 밍
1. 웹 페이지 성능 분석
먼저 목표 웹 페이지 에 대해 성능 분석 을 하고 해당 하 는 최적화 대상 웹 페이지 의 구 글 성능 분석 도구 인 구 글 브 라 우 저 플러그 인: PageSpeed Insights, Lighthouse 를 찾 아야 한다.
2. Nginx 전송 시 텍스트 압축
Nginx 리 버스 프 록 시 를 사용 할 때 gzip 압축 전송 파일 을 브 라 우 저 에 사용 하여 성능 을 크게 향상 시 킬 수 있 습 니 다.
Nginx 프로필 수정:
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.0;
gzip_comp_level 9;
gzip_types text/plain application/x-javascript application/javascript application/json application/x-font-woff text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary off;
gzip_disable "MSIE [1-6]\.";
관련 글:https://www.cnblogs.com/mitang/p/4477220.html
3. 렌 더 링 차단 자원 제거
스 크 립 트 (Script) 가 로 딩 페이지 를 불 러 올 때 HTML 코드 순서에 따라 불 러 옵 니 다. 머리 에 스 크 립 트 나 스타일 시트 를 인용 할 때 이 자원 을 우선 불 러 온 다음 페이지 를 렌 더 링 하여 페이지 전시 속도 가 떨 어 집 니 다. 스 크 립 트 를 비동기 로 바 꾸 거나 페이지 렌 더 링 이 완 료 된 후에 불 러 옵 니 다. 페이지 렌 더 링 속 도 를 가속 화 할 수 있 습 니 다.
<script type="text/javascript" src="demo.js" async>script>
<script type="text/javascript" src="test.js" async>script>
<script type="text/javascript" src="demo1.js" defer>script>
<script type="text/javascript" src="demo2.js" defer>script>
관련 글:https://www.cnblogs.com/jiasm/p/7683930.html
스타일 시트 (CSS) 에 스타일 시트 를 불 러 오 는 것 은 중요 한 부분 과 중요 하지 않 은 부분 으로 나 눌 수 있 습 니 다. 중요 한 부분 은 머리 에
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Linux Shell 프로 그래 밍 - 텍스트 처리 grep, sed사용자 가 지정 한 '모드' 에 따라 대상 텍스트 를 일치 하 게 검사 하고 일치 하 는 줄 을 인쇄 합 니 다. ##포함 되 지 않 음, 역방향 일치 \ ##키워드 앞 뒤 가 맞지 않 고 키워드 만 일치 합 니 다...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
