어디에서 비동기 및 지연을 사용해야 합니까? 좋은 SEO 사례

share your Knowledge as well

먼저 비동기와 지연의 차이점을 살펴보겠습니다.

일반 스크립트 실행

페이지가 로드되는 동안 실행되어야 하는 중요한 스크립트만 여기에 보관하십시오.

비동기로

가져오기 후 즉시 실행되어야 하는 스크립트를 원하는 경우 웹사이트의 성능을 높이는 데 도움이 되는 비동기를 사용할 수 있습니다.

지연

마지막으로 defer는 모든 내용이 로드되고 실행된 후 일부 스크립트를 실행하거나 덜 중요한 스크립트를 defer로 실행할 수 있습니다.

이제 차이점을 알고 사용 방법도 살펴 보겠습니다.

지연 사용

<script defer src="sitewide.js"></script>
<script defer src="jquery.min.js"></script>
<script defer src="page-specific.js"></script>

비동기 사용

<script async src="sitewide.js"></script>
<script async src="jquery.min.js"></script>
<script async src="page-specific.js"></script>

다음으로 원치 않는 Css 로드를 줄이는 방법을 게시하겠습니다. 계속 지켜봐 주세요!!

다음 파일도 편집할 수 있습니다. github

추가 팁

앵커 태그를 비워두지 마십시오.

<a> something </a>이것은 p 태그를 사용하거나 href 태그 안에 <a>를 사용하는 대신 나쁜 습관이 될 것입니다.