본문 바로가기
반응형

html3

웹페이지 최적화 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.
CodeMirror에서 특정 라인 style 바꾸기 좀 삽질함 휴 편안한 주말 2017. 6. 23.
html/CSS에 쓸만한 사이트 모음 Chart.jshttp://www.chartjs.org/docs/아래와 같이 차트를 심플하게 만들 수 있게 해주는 소스 Image Slider Maker http://imageslidermaker.com/여러 장의 이미지를 슬라이더로 넘길 수 있게 해주는 소스. 사이트에서 본인이 직접 커스터마이징 해 그대로 복붙할 수 있다. Ovenhttps://ovenapp.io/웹 개발 전 매우 유용한 프로토타이핑 사이트. 카카오에서 만든 건데 아직 베타버전이다. troyhttp://troy.labs.daum.net/원하는 디바이스를 골라 url을 입력해 기기에 따른 예상 UI를 볼 수 있다. 2016. 3. 18.
반응형