페이지 로 딩 속 도 를 높이 는 플러그 인 InstantClick
2411 단어 InstantClick
InstantClick 설치
InstantClick 을 설치 하 는 것 은 매우 간단 합 니 다.InstantClick 다운로드를 한 디 렉 터 리 에 놓 고전에 코드 를 참조 하면 됩 니 다.예 를 들 어:
<script src="//img.ezloo.com/static/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
인 스 턴 트 클릭 으로 인해 흰색 화면 이 나타 날 수 있 으 며,공식 적 으로 예 를 들 어 구 글 애 드 센 스 와 의 충돌 을 해결 했다.나 는 바 이 두 통계 도 흰색 화면 을 초래 할 수 있다 는 것 을 발견 했다.InstantClick 작업 원리
InstantClick 은 push State 와 Ajaxpjax를 사용 하여 이 루어 집 니 다.와 머리의
InstantClick 진행 표시 줄
기본 적 인 상황 에서 InstantClick 은 페이지 를 불 러 올 때 페이지 상단 에 진도 바 를 표시 합 니 다.기본 색상 은\#29d 입 니 다.색상 을 변경 할 수 있 습 니 다.
#instantclick-bar {
background: white;
}
진 도 를 숨 길 수도 있 습 니 다:
#instantclick {
display: none;
}
워드 프레스 플러그 인워드 프레스 블 로 그 를 사용한다 면 인 스 턴 트 클릭 플러그 인https://wordpress.org/plugins/instantclick/을 검색 할 수 있 습 니 다.설치 가 완료 되면 워드 프레스 배경 설정 메뉴 에 인 스 턴 트 클릭 옵션 이 추 가 됩 니 다.
관련 링크:
테스트 마우스 클릭 지연:http://instantclick.io/click-test
InstantClick 호 환 바 이 두 통계,Google Analytics:https://www.jb51.net/hack/123521.html
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.