개시하다

사이트의 마운트 속도가 늘 좀 느리다고 느낀다...이럴 때 어떻게 가는지 정리해 보는 것이 좋다.

1. 속도 점검

우선 정말 적재 속도가 느린가(몸소 느낄 수 있어서 느린가) 원인을 조사해 보자.
몇 가지 편리한 도구가 있다.

GTmetrix

URL 넣고 고!누르기만 하면 상세한 분석을 할 수 있다.
속도 측정, 파일 크기 측정, 개선 대책 제시 등이 포함됐다.

PageSpeed Insight

구글에서 만든 검사 도구입니다.
속도 측정이라기보다는 속도를 높이기 위해 제안하는 도구다.100점 만점에 80점을 넘으면 속도대책이 있는 사람이라고 생각한다.

기타

기타 측정 도구는 이 문서에 설명되어 있습니다.
웹 읽기 속도를 측정할 수 있는 5가지 무료 서비스

2. 대책 마련

나는 속도가 느린 사실과 원인을 알았다.
그리고 GTmetrix와 PageSpeed Insight에'해보는 게 좋을 것 같다'는 지적을 받는 대책을 강구했다.
대표적인 적재속도 대책을 소개한다.

압축 이미지

먼저 이미지를 많이 사용하는 페이지를 압축하는 것을 고려합니다.
압축하면 화질이 굵어진다는 인상도 있지만 화질을 낮추지 않고 압축할 수도 있다.
편리한 압축 도구가 많다.

Jpeg mini

데스크톱이나 서버에 설치합니다.
http://www.jpegmini.com/

Optimizilla

브라우저에서 이미지를 압축할 수 있는 간단한 서비스
http://optimizilla.com/

Tiny PNG

판다는 PNG 이미지를 먹고 압축하는 획기적인 서비스다.
https://tinypng.com/

기타

화질 악화를 억제하면서 이미지를 압축하는 온라인 도구의 총결산-네이버 총결산

압축 Gzip

서버에서 여러 파일을 읽을 때 파일을 압축하여 보내는 것으로 속도를 높인다.
CSS와 js의 줄 바꾸기와 공백을 완전히 삭제하는 방법도 있지만, Gzip 압축은 원래 파일을 만들 필요가 없고 유지보수성이 유지된다.

Gzip 압축 방법

gzip 압축을 통해 사이트를 고속화하다
몇 분밖에 안 남았어요!페이지 속도를 높이기 위해서는 htaccess에 캐시를 설정해야 합니다!

기타 방법

위의 두 가지는 특별한 지식이 없어도 쉽게 개선할 수 있는 방법이다.
그 외에도 다양한 속도 개선 대책이 있다.

CSS 스플라인 사용

데이터베이스와의 교환을 줄이도록 설계

javascript 실행 지연

불필요한 코드 삭제

잠깐만요.많습니다. 다음 기사를 참고하세요!

기타 방법-참고 문장

reven에 직접 연결!사이트 속도 개선 불가결한 6가지 지식
지금 하고 싶어요!사이트 디스플레이 속도를 높이고 이윤을 늘리는 10가지 방법.
웹 사이트 분석은 웹 사이트를 고속화하고 AA 평가를 목표로 한다(단순판)|rokuro Fire

마지막. - 개발자는 소수.

개발자가 평소에 사용하는 인터넷 환경이 매우 좋다.인터넷이 느리면 짜증이 나서 일을 할 수 없다.최저 광선로도 테스트용 스마트폰은 사내 와이파이에서도 바삭바삭하겠죠.
직장의 급속한 발전에 익숙해지면 자신의 사이트의 마운트 속도를 별로 신경 쓰지 않지만 그 사이트의 사용자들은 일반적으로 더 느린 환경에서 본다.아마
그 일을 잊지 마라.개발자는 소수다.