티스토리 뷰

반응형

워드프레스 로딩 페이지 만들기 - Preloader by SWS 플러그인

   워드프레스를 기반으로 제작된 웹사이트에서 페이지 로딩 속도는 무엇보다도 중요한 요소 중 하나입니다. 초고속 인터넷에 익숙해진 사용자들은 로딩 속도가 1~2초만 늦어져도 페이지를 이탈하거나 사이트가 느리다는 생각을 하게 됩니다.


   물론 꾸준히 웹사이트 최적화 작업을 해주고 빠른 호스팅 서비스를 이용하면 이런 현상을 방지 할 수 있지만 간단한 트릭을 사용해 로딩이 지연돼도 방문자를 잡을 수 있는 방법이 있습니다.


- - - - - - -


☞  [  바로  가기  ]  빠른 해외 호스팅 A2호스팅 신청하기!


☞  [  바로  가기  ]  초 간단! 누구나 할 수 있는 호스팅 서버 이전


- - - - - - -

워드프레스 로딩 페이지 만들기 - Preloader by SWS 플러그인워드프레스 로딩 페이지 만들기 - Preloader by SWS 플러그인



워드프레스 로딩 페이지 만들기 - Preloader by SWS 플러그인   

로딩페이지 만들기


   딩 페이지 개발자 노트에 의하면 로딩 페이지를 사용한 후 이탈률이 30% 이상 감소했다고 합니다. 또한, 완전히 페이지가 로딩된 후부터 방문자에게 보이기 때문에 완전히 준비된 웹사이트를 노출할 수 있다는 장점이 있습니다.


   개인적으로도 버벅거리며 하나하나 로딩되는 사이트를 기다리는 것보다는 로딩 중임을 알 수 있는 문구나 간단한 이미지 파일이 먼저 표시된 후 완전한 사이트가 열리는 게 더 깔끔하다고 생각합니다.


   Preloader by SWS 플러그인무료로 제공되며 별도의 태그 추가나 CSS 변경 없이 설치 후 로딩 페이지를 골라 저장만 누르면 되기 때문에 간단히 사용할 수 있습니다. 또한, 다양한 이미지(로딩 페이지)를 제공하고 직접 커스텀 파일도 업로드 할 수 있으므로 다양한 사이트와 어울려 사용할 수 있습니다.



Preloader by SWS 플러그인 설치

프리로더 플러그인 설치

1. "메뉴 - 플러그인 - 플러그인 추가하기"를 클릭한 후

'Preloader by SWS'를 검색해 설치하고 활성화합니다.


preloader plugin

2.  "메뉴 - 설정 - Preloader SWS"를 클릭해 설정 창으로 이동합니다.


로딩 플러그인 워드프레스 - Preloader by SWS 플러그인

로딩 플러그인

3. 사용하고자 하는 로딩 페이지 이미지를 선택한 후 Save Settings를 클릭합니다.


- With background : 배경화면이 포함된 로딩 페이지 화면 (추천)

- Without background : 로딩 이미지만 나오는 페이지 화면

- Upload a custom : 마음에 드는 이미지가 없다면 직접 업로드해 사용할 수 있습니다.




[ 바로  가기 ] 쉽고 편리한 워드프레스 파일 첨부 플러그인


[ 바로  가기 ] 스팸 댓글 완전 차단! 구글 캡차 보안 플러그인




본 포스팅과 관련된 피드백은 언제든 환영합니다.


또한 궁금한 점 댓글로 남겨주시면 성실히 답변드리도록 하겠습니다.


감사합니다.

반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함