콘텐츠마케팅검색 마케팅소셜 미디어 및 인플루언서 마케팅

사이트 속도 및 비동기 JavaScript

개발을 많이하면서도 자신을 진정한 개발자로 분류하지는 않습니다. 페이지에서 무언가를 프로그래밍하고 이동하여 작동하도록 할 수 있습니다. 진정한 개발자는 코드를 개발하는 방법을 이해하여 많은 리소스를 차지하지 않고 확장 할 수 있고 빠르게로드하고 나중에 쉽게 수정할 수 있으며 계속 작동 할 수 있습니다.

마케터가 처한 어려운 점은 매우 빠른 웹 사이트 사이트로드 속도에 의존 할 수있는 통합 및 소셜 요소를 통합합니다. 그러한 예 중 하나는 소셜 버튼. Martech에서는 사이트의 모든 페이지에 소셜 버튼이 있습니다. 그래서… Facebook 리소스가 언젠가 느리게로드되면 사이트 속도가 느려집니다. 그런 다음 여기에 Twitter, Pinterest, Buffer 등을 추가하면 사이트가 빠르게로드 될 가능성이 거의 없어집니다.

이를 동기식 로딩이라고합니다. 하나의 요소로드를 완료해야합니다. 전에 다음 요소를로드합니다. 항목을 비동기 적으로로드 할 수있는 경우 서로에 대한 종속성없이 항목을로드 할 수 있습니다. 요소를 비동기 적으로로드하여 사이트 속도를 크게 향상시킬 수 있습니다. 문제는 이러한 회사에서 제공하는 기본 스크립트가 비동기 실행에 거의 최적화되지 않는다는 것입니다.
비 동시성의

Pingdom에서 테스트를 실행하여 페이지 속도에 영향을 미치는 요소를 확인할 수 있습니다.
pingdom 페이지로드

비동기 자바스크립트 로드 할 요소를 알려주는 코드를 작성할 수 있습니다. 시간 내에 페이지가 완전히로드되었습니다. 종속성이 없습니다! 따라서 페이지가로드되고 완료되면 다른 요소 (이 경우 소셜 버튼)를로드하는 스크립트가 시작됩니다. 개발자라면 훌륭한 기사를 읽을 수 있습니다. 지연 로딩 비동기 자바스크립트.

다음은 Emil Stenström에서 올바르게 수행하는 방법의 일부입니다.

(function () {function async_load () {var s = document.createElement ( 'script'); s.type = 'text / javascript'; s.async = true; s.src = 'http://buttondomain.com /script.js '; var x = document.getElementsByTagName ('script ') [0]; x.parentNode.insertBefore (s, x);} if (window.attachEvent) window.attachEvent ('onload ', async_load); else window.addEventListener ( 'load', async_load, false);}) ();

결과적으로 이러한 타사 통합이 중단되거나 느리게 실행되는 경우 핵심 페이지 콘텐츠가 표시되는 데 영향을 미치지 않습니다. 페이지의 소스를 보면이 기술을 사용하는 모든 추가 소셜 스크립트를로드하고 있음을 알 수 있습니다. 과정 우리 사이트의 속도 초 향상 – 그리고 로딩 중에 질식하지 않습니다. 우리는 모든 외부 종속성을 비동기 자바스크립트,하지만 그럴 것입니다.

Douglas Karr

Douglas Karr 의 CMO입니다. 오픈인사이트 그리고 설립자 Martech Zone. Douglas는 수십 개의 성공적인 MarTech 스타트업을 도왔고, Martech 인수 및 투자에서 5억 달러가 넘는 실사를 도왔으며, 기업이 판매 및 마케팅 전략을 구현하고 자동화하도록 지속적으로 지원하고 있습니다. Douglas는 국제적으로 인정받는 디지털 혁신이자 MarTech 전문가이자 연설가입니다. Douglas는 Dummie's Guide와 비즈니스 리더십 서적을 집필한 작가이기도 합니다.
맨 위로 가기 버튼
닫기

애드블록 감지됨

Martech Zone 은(는) 광고 수익, 제휴 링크 및 후원을 통해 사이트에서 수익을 창출하기 때문에 이 콘텐츠를 무료로 제공할 수 있습니다. 사이트를 볼 때 광고 차단기를 제거해 주시면 감사하겠습니다.