정보실

웹학교

정보실

javascript Performance Optimization

본문

Lighthouse : 프로 그래 시브 웹 앱의 감사, 성능 메트릭 및 모범 사례 https://developers.google.com/web/tools/lighthouse/

Prepack : JavaScript 번들 최적화 도구. http://prepack.io/

AMP HTML : AMP HTML 소스 코드, 샘플 및 문서 자세한 내용은 아래를 참조하십시오. https://www.ampproject.org/

Front-End Performance Checklist : 다른 것보다 빠르게 실행되는 유일한 프런트 엔드 성능 검사 목록 https://frontendchecklist.io%28soon%20on%29/

Critical : HTML 페이지에서 중요 경로 CSS 추출 및 인라인 https://github.com/addyosmani/critical

stats.js : JavaScript 성능 모니터  https://github.com/mrdoob/stats.js

Guess.js : 기계 학습을 통한 웹 기반 사용자 경험 제공을위한 라이브러리 및 도구 https://github.com/guess-js/guess

Bundle Buddy : 분할간에 번들 복제를 식별하는 도구. https://github.com/samccone/bundle-buddy

speedracer : 라이브러리 / 애플리케이션의 성능 메트릭을 수집하십시오. https://github.com/speedracer/speedracer

Critters : 중요한 CSS를 인라인 하고 나머지를 게으른 로드하는 Webpack 플러그인.  https://github.com/GoogleChromeLabs/critters

marky : performance.mark / measure (461 bytes min + gz)에 기반한 고해상도 JavaScript 타이머 https://github.com/nolanlawson/marky

Ldlize : 유휴 - 긴급 패턴 구현을위한 도우미 클래스 및 메서드  https://philipwalton.com/articles/idle-until-urgent/

Progressive Tooling : 페이지 성능을 향상 시키는 데 사용할 수 있는 커뮤니티 기반의 타사 도구 목록 https://progressivetooling.com/



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 27회 ]  작성일18-09-26 18:50

웹학교