워드프레스 사이트 로딩속도를 개선하는 작업은 생각날때마다 수시로 확인하여 점검해주는 것이 좋습니다. 특별하게 고급 스킬을 가지고 있지 않더라도 생각보다 쉽게 적용할수 있습니다.
워드프레스 사이트가 일반적으로 무겁고 느리다는 생각을 많이 가지고 계시는데 조그만 신경쓰면 사이트 로딩속도가 대폭 개선되며 트래픽량도 줄일수 있습니다.
사이트의 기술적문제점 확인, 페이지 스피드 인사이트
먼저 현재 운영하고 있는 워드프레스 기반 블로그나 사이트에서 로딩속도 개선을 어떻게 할수 있는지 확인해 보시는 일이 필요합니다. 문제점을 알아야 개선책을 찾을수 있기 때문입니다.
[pe2-image src=”http://lh3.ggpht.com/-7Gfj1n8-RqM/U4GxUpmrhPI/AAAAAAAADqY/QjqHzRz0EP0/s144-c-o/%2525ED%25258E%252598%2525EC%25259D%2525B4%2525EC%2525A7%252580%2525EC%25258A%2525A4%2525ED%252594%2525BC%2525EB%252593%25259C%2525EC%25259D%2525B8%2525EC%252582%2525AC%2525EC%25259D%2525B4%2525ED%25258A%2525B8.jpg” href=”https://picasaweb.google.com/102394476629197694908/201405#6017285545467282674″ caption=”” type=”image” alt=”페이지스피드인사이트.jpg” ]
이럴때 유용한 사이트가 바로 구글 개발자사이트의 Page speed insight 페이지입니다. 이 페이지에 접속하여 사이트 주소를 입력하면 사이트 로딩속도개선을 위한 다양한 제안사항등을 확인할수 있습니다.
이미지 압축으로 로딩속도개선과 트래픽부하를 동시에
오늘은 다양한 제안사항 중 워드프레스에서 이미지 압축을 어떻게 적용하는지를 소개해드리도록 하겠습니다.
제안요약 상황을 보시면 수정필요 사항에 업로드된 이미지를 압축하여 용량을 줄이라는 내용이 나옵니다. 이미지 용량을 줄이면 한 페이지에 표시되는 페이지 용량을 줄일수 있어 로딩속도도 개선되고 또 트래픽량도 줄어들게 됩니다.
이미지최적화를 위한 워드프레스 플러그인 2종
이러한 이미지 최적화 작업은 2개의 플러그인으로 수행할수 있습니다. gzip 압축을 위해서 GZip Ninja Speed Compression 플러그인 그리고 원천적으로 업로드 이미지용량을 최적화하기 위한 EWWW Image Optimizer 플러그인 입니다.
GZip 플러그인의 경우는 설치만 해주면 되며 특별한 설정이 필요없습니다. 만약 플러그인을 설치하는것이 싫다면 .htaccess 파일을 수정하여 gzip 압축을 적용하는 방법도 있습니다.
[pe2-image src=”http://lh3.ggpht.com/-wU5rpxvLfvQ/U4GwiQSQ0eI/AAAAAAAADp4/0kJ0N6Wb9GY/s144-c-o/%2525EC%252595%252595%2525EC%2525B6%252595%2525ED%25258C%25258C%2525EC%25259D%2525BC%2525ED%25259A%2525A8%2525EC%25259C%2525A8.jpg” href=”https://picasaweb.google.com/102394476629197694908/201405#6017284679677301218″ caption=”” type=”image” alt=”압축파일효율.jpg” ]
[pe2-image src=”http://lh3.ggpht.com/-weGVn_hREls/U4GwiV-oO_I/AAAAAAAADp8/lZ1tZ9jGV5A/s144-c-o/%2525EC%25259D%2525B4%2525EB%2525AF%2525B8%2525EC%2525A7%252580%2525EC%252595%252595%2525EC%2525B6%252595.jpg” href=”https://picasaweb.google.com/102394476629197694908/201405#6017284681205562354″ caption=”” type=”image” alt=”이미지압축.jpg” ]
EWWW Image Optimizer 플러그인 이미지 최적화 진행과정
원천적으로 이미지의 품질은 저하시키지 않으면서 불필요한 정보를 제거하여 실질 용량 자체를 줄여주는 것이 EWWW Image Optimizer 플러그인입니다.
WP Smush.it 플러그인도 같은 역할을 하는 플러그인으로 더 많은 다운로드 수를 기록하고 있지만 테마나 기타 상황에 따라서 에러를 발생시켜 EWWW 플러그인을 적용시켜주었습니다.
새롭게 업데이트 하는 이미지이외에 이미 업로드해둔 이미지까지 약 1200개 이미지를 모두 최적화 하는데 약 1시간 정도 소요됩니다. 이후는 새로 업데이트 되는 이미지들을 최적화 시켜주면 되겠습니다.
[pe2-image src=”http://lh5.ggpht.com/-U-FNvr4Ece0/U4GwidjmvsI/AAAAAAAADqA/7tRu-6HUfUw/s144-c-o/giantt.co.kr%2525ED%25258E%252598%2525EC%25259D%2525B4%2525EC%2525A7%252580%2525EB%2525A1%25259C%2525EB%252594%2525A9%2525EC%252586%25258D%2525EB%25258F%252584.jpg” href=”https://picasaweb.google.com/102394476629197694908/201405#6017284683239702210″ caption=”” type=”image” alt=”giantt.co.kr페이지로딩속도.jpg” ]
1초대의 사이트 로딩속도를 유지하기 위해서 가끔씩 점검해 보는데 이러한 최적화 작업을 해준 이후로 턱걸이 이기는 하지만 다시 1초대의 로딩속도로 진입하게 된것을 확인할수 있었습니다.
상기 로딩 속도는 5회 사이트 메인화면을 접속하여 평균값으로 표시된 웹사이트 로딩속도입니다.
- 워드프레스 테마 오픈마켓 테마포레스트- Theme forest
- 워드프레스 추천테마 관련 포스트 - AVADA / JARIDA / SAHIFA / GOODNEWS