스크립트 로딩을 최적화하는 방법
헤드나 바디에서 단순히 스크립트를 참조하면 DOM이 변경될지 알 수 없으므로 다운로드 및 실행 중에 스크립트가 페이지 렌더링을 완전히 차단합니다.
스크립트가 머리나 몸의 중앙에 있으면 빈 페이지가 나타날 가능성이 매우 높으며 사용자 상호작용이 불가능하며 사용자 경험이 매우 좋지 않습니다.
자바스크립트 파일을 병렬로 다운로드할 수 있더라도 다운로드 프로세스는 이미지 및 기타 리소스 다운로드에 영향을 미칩니다.
먼저 해야 할 일은 다음과 같습니다.
스크립트 태그를 본문 하단에 넣습니다.
3방향 핸드셰이크와 같은 HTTP 요청을 수행할 때 추가 성능 오버헤드가 있으므로 다음을 시도해야 합니다. HTTP 요청을 최대한 줄이세요.
javascript 파일을 하나로 병합합니다.
한 번의 요청으로 여러 javascript 파일을 로드합니다.
하지만 위의 방법으로는 문제가 해결되지 않습니다. 큰 javascript 파일은 스크립트를 다운로드하고 실행합니다. 이 시간 동안 내부에서는 브라우저가 다른 작업을 수행할 수 없습니다. 이를 위해서는 비차단 스크립트가 필요합니다. 즉, 페이지가 로드된 후에만 JavaScript 코드가 로드됩니다. 즉, 창 개체의 로드 이벤트가 트리거된 후에 스크립트가 다운로드됩니다.
1 지연 스크립트
defer: 우선 스크립트를 추가하면 이 스크립트가 DOM을 변경하지 않고 페이지가 로드된 후에 실행될 수 있음을 브라우저에 알리기 때문에 스크립트가 DOM을 변경하지 않는지 확인해야 합니다. . 이 속성을 스크립트 태그에 추가하면 파일을 다른 리소스와 동시에 다운로드할 수 있습니다. IE는 IE10부터 시작하는 지연을 지원하지 않습니다
async: 지연과의 차이점은 다운로드가 완료된 후에 실행되지만 페이지가 로드될 때까지 지연은 실행되지 않는다는 것입니다.
2 동적 스크립트
는 동적으로 실행됨을 의미합니다. 적절한 경우 스크립트 태그 생성 페이지에 삽입할 때 이 방법을 사용하여 필요에 따라 파일을 로드할 수 있으며 스크립트 로드 순서를 지정할 수도 있습니다.
위 내용은 스크립트 로딩을 최적화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7526
15
1378
52
81
11
54
19
21
74
편집용 스크립트를 만드는 방법은 무엇입니까? 편집을 통해 스크립트를 생성하는 방법에 대한 튜토리얼
Mar 13, 2024 pm 12:46 PM
Cutting은 포괄적인 편집 기능, 가변 속도 지원, 다양한 필터 및 뷰티 효과, 풍부한 음악 라이브러리 리소스를 갖춘 비디오 편집 도구입니다. 이 소프트웨어에서는 비디오를 직접 편집하거나 편집 스크립트를 만들 수 있지만 어떻게 해야 합니까? 이번 튜토리얼에서는 에디터가 스크립트를 편집하고 만드는 방법을 소개합니다. 제작 방법: 1. 컴퓨터에서 편집 소프트웨어를 클릭하여 연 다음 "Creation Script" 옵션을 찾아 클릭하여 엽니다. 2. 크리에이티브 스크립트 페이지에서 '스크립트 제목'을 입력한 후, 개요에 촬영 내용에 대한 간략한 소개를 입력합니다. 3. 개요에서 "스토리보드 설명" 옵션을 어떻게 볼 수 있나요?
Linux 시스템에서 .sh 파일을 실행하는 방법은 무엇입니까?
Mar 14, 2024 pm 06:42 PM
Linux 시스템에서 .sh 파일을 실행하는 방법은 무엇입니까? Linux 시스템에서 .sh 파일은 일련의 명령을 실행하는 데 사용되는 셸 스크립트라는 파일입니다. .sh 파일 실행은 매우 일반적인 작업입니다. 이 기사에서는 Linux 시스템에서 .sh 파일을 실행하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 방법 1: 절대 경로를 사용하여 .sh 파일을 실행합니다. Linux 시스템에서 .sh 파일을 실행하려면 절대 경로를 사용하여 파일 위치를 지정할 수 있습니다. 구체적인 단계는 다음과 같습니다. 터미널을 엽니다.
초보자를 위한 Windows PowerShell 스크립팅 자습서
Mar 13, 2024 pm 10:55 PM
우리는 기술 애호가이든 스크립팅 기술을 향상시키려는 전문가이든 초보자를 위해 이 Windows PowerShell 스크립팅 자습서를 디자인했습니다. PowerShell 스크립팅에 대한 사전 지식이 없는 경우 이 문서는 기본 사항부터 시작하여 귀하에게 맞게 조정됩니다. PowerShell 환경의 설치 단계를 익히는 데 도움을 주고 PowerShell 스크립트의 주요 개념과 기능을 안내해 드립니다. PowerShell 스크립팅에 대해 더 자세히 알아볼 준비가 되었다면 이 흥미로운 학습 여정을 함께 시작해 보세요! WindowsPowerShell이란 무엇입니까? PowerShell은 Microsoft에서 개발한 하이브리드 명령 시스템입니다.
심층 해석: Laravel이 달팽이처럼 느린 이유는 무엇입니까?
Mar 07, 2024 am 09:54 AM
Laravel은 널리 사용되는 PHP 개발 프레임워크이지만 달팽이처럼 느리다는 비판을 받기도 합니다. Laravel의 만족스럽지 못한 속도의 정확한 원인은 무엇입니까? 이 기사에서는 Laravel이 달팽이처럼 느린 이유를 여러 측면에서 심층적으로 설명하고 이를 특정 코드 예제와 결합하여 독자가 이 문제를 더 깊이 이해할 수 있도록 돕습니다. 1. ORM 쿼리 성능 문제 Laravel에서 ORM(Object Relational Mapping)은 매우 강력한 기능입니다.
Golang의 gc 최적화 전략에 대한 토론
Mar 06, 2024 pm 02:39 PM
Golang의 가비지 수집(GC)은 항상 개발자들 사이에서 뜨거운 주제였습니다. 빠른 프로그래밍 언어인 Golang에 내장된 가비지 컬렉터는 메모리를 매우 잘 관리할 수 있지만, 프로그램의 크기가 커질수록 일부 성능 문제가 발생하는 경우가 있습니다. 이 기사에서는 Golang의 GC 최적화 전략을 살펴보고 몇 가지 구체적인 코드 예제를 제공합니다. Golang의 가비지 수집 Golang의 가비지 수집기는 동시 마크 스윕(concurrentmark-s)을 기반으로 합니다.
C++ 프로그램 최적화: 시간 복잡도 감소 기술
Jun 01, 2024 am 11:19 AM
시간 복잡도는 입력 크기를 기준으로 알고리즘의 실행 시간을 측정합니다. C++ 프로그램의 시간 복잡성을 줄이는 팁에는 데이터 저장 및 관리를 최적화하기 위한 적절한 컨테이너(예: 벡터, 목록) 선택이 포함됩니다. Quick Sort와 같은 효율적인 알고리즘을 활용하여 계산 시간을 단축합니다. 여러 작업을 제거하여 이중 계산을 줄입니다. 불필요한 계산을 피하려면 조건부 분기를 사용하세요. 이진 검색과 같은 더 빠른 알고리즘을 사용하여 선형 검색을 최적화합니다.
Laravel 성능 병목 현상 디코딩: 최적화 기술이 완전히 공개되었습니다!
Mar 06, 2024 pm 02:33 PM
Laravel 성능 병목 현상 디코딩: 최적화 기술이 완전히 공개되었습니다! 인기 있는 PHP 프레임워크인 Laravel은 개발자에게 풍부한 기능과 편리한 개발 경험을 제공합니다. 그러나 프로젝트 규모가 커지고 방문 횟수가 늘어나면서 성능 병목 현상에 직면할 수도 있습니다. 이 기사에서는 개발자가 잠재적인 성능 문제를 발견하고 해결하는 데 도움이 되는 Laravel 성능 최적화 기술을 탐구합니다. 1. Eloquent 지연 로딩을 사용한 데이터베이스 쿼리 최적화 Eloquent를 사용하여 데이터베이스를 쿼리할 때 다음을 피하세요.
Laravel 성능 병목 현상 공개: 최적화 솔루션 공개!
Mar 07, 2024 pm 01:30 PM
Laravel 성능 병목 현상 공개: 최적화 솔루션 공개! 인터넷 기술이 발전함에 따라 웹사이트와 애플리케이션의 성능 최적화가 점점 더 중요해지고 있습니다. 널리 사용되는 PHP 프레임워크인 Laravel은 개발 프로세스 중에 성능 병목 현상에 직면할 수 있습니다. 이 문서에서는 Laravel 애플리케이션이 직면할 수 있는 성능 문제를 살펴보고 개발자가 이러한 문제를 더 잘 해결할 수 있도록 몇 가지 최적화 솔루션과 특정 코드 예제를 제공합니다. 1. 데이터베이스 쿼리 최적화 데이터베이스 쿼리는 웹 애플리케이션의 일반적인 성능 병목 현상 중 하나입니다. 존재하다
