반응형 2018/072 웹페이지 최적화 0.구글 PageSpeen 툴을 사용하면 내 사이트가 왜 느린지 분석해볼 수 있다.새로 만든 페이지가 너무 느려서(40초 도랏;;) 원인을 뒤지던 중 발견했는데 이거 기준으로 하나하나 해결해 나가니까 훨씬 빨라졌다."물론 이 점수가 반드시 페이지 속도에 비례하진 않는다. 점수가 높아도 느리거나, 점수가 낮아도 빠른 경우도 많다."https://developers.google.com/speed/pagespeed/insights/?hl=ko 1.이미지를 최적화하자.아래 사이트에서 png, jpg 등의 이미지들을 최적화 할 수 있다.비슷한 화질로 95% 가량 줄이니 네트워크를 통해 가져오는 이미지 용량이 격하게 줄어들었다.https://compresspng.com/ko/ 2.CSS, js 파일을 최적화하자.이.. 2018. 7. 16. webstorm에서 javascript/CSS minify 적용 0.웹페이지 최적화를 위해 js 파일을 압축해보았다.일단 이걸 webstorm에 적용하기 위해서는 closure-compiler.jar 라는 파일이 필요하다. 다음 링크에서 다운로드 가능https://developers.google.com/closure/compiler/docs/gettingstarted_app 1.받고나면 하라는 대로 closure-compiler 폴더 아래에 .jar 파일을 넣어준다. 2.webstorm에서 Tools > File Watchers로 들어가서 + 버튼을 누르면 Closure Compiler 가 보인다. 3.아래 Program 경로에 closure-compiler-vxxxxx.jar 파일을 지정해준다. 4.적용해준 뒤 js 파일을 수정하면 이렇게 저절로 .min.js 파일.. 2018. 7. 16. 이전 1 다음 반응형
