페이지 보고서Main
본 페이지의 내용은 2018-12-01 11:42:10 에 Chrome 브라우저 70.0.3538.67 버전 기준, native 수준으로 속도를 제한한 desktop 환경에서 총 5 회의 검사를 실시한 결과입니다.
| 측정 항목 | 값 |
|---|---|
| 퍼포먼스 점수: | 51 |
| 페이지 전체 용량: | 7.2 MB |
| 요청 횟수: | 90 |
| 첫번째 시각화 시간 [중간값]: | 1367 |
| 속도 점수 [중간값]: | 2180 |
| 시각화 85% 완료 시간 [중간값]: | 3467 |
| 시각화 95% 완료 시간 [중간값]: | 3867 |
| 시각화 99% 완료 시간 [중간값]: | 4133 |
| 마지막 시각화 (완료) [중간값]: | 4367 |
소요시간 요약
최소, 중간, 최대항목의 값을 클릭하여 해당 값이 나온 검사 결과 페이지로 이동할 수 있습니다.
| 항목 | 최소 | 중간 | 평균 | 최대 |
|---|---|---|---|---|
| SpeedIndex | 1986 | 2180 | 2285 | 2848 |
| PerceptualSpeedIndex | 1832 | 2022 | 2124 | 2671 |
| FirstVisualChange | 1200 | 1367 | 1473 | 1967 |
| LastVisualChange | 4100 | 4367 | 4487 | 5134 |
| VisualReadiness | 2800 | 3033 | 3013 | 3167 |
| VisualComplete85 | 3167 | 3467 | 3547 | 4200 |
| VisualComplete95 | 3533 | 3867 | 3913 | 4567 |
| VisualComplete99 | 3767 | 4133 | 4173 | 4834 |
| backEndTime | 125 | 171 | 170 | 255 |
| firstPaint | 1187 | 1342 | 1449 | 1967 |
| fullyLoaded | 2031 | 2470 | 2511 | 3240 |
| rumSpeedIndex | 1207 | 1365 | 1471 | 1993 |
Waterfall 차트
SpeedIndex 기준 5번째 검사가 중간값입니다.
실행 동영상 확인
측정 시스템의 블랙박스 영상을 통해 측정값을 확인하실 수 있습니다.
Download videoCoach
코치는 웹 서비스의 성능과 접근성 향상을 위해 웹 표준 및 성능 향상에 필요한 조치를 자동으로 검토하여 안내합니다. 더 많은 정보를 확인하려면 Lighthouse 탭 또한 참조하십시오.
검사 결과
- 총점 62
- 성능 점수 51
- 접근성 점수 97
- 최적화 점수 76
접근성 분석 결과 (97)
| 문제 | 수정 권고 | 점수 |
|---|---|---|
| Always set labels on inputs in forms (labelOnInput) | There are 3 input(s) that are missing labels on a form. | 70 |
| ||
성능 분석 결과 (51)
| 문제 | 수정 권고 | 점수 |
|---|---|---|
| Don't scale images in the browser (avoidScalingImages) | The page has 2 image(s) that are scaled more than 100 pixels. It would be better if those images are sent so the browser don't need to scale them. | 80 |
| ||
| Avoid slowing down the critical rendering path (fastRender) | The page has 27 render blocking CSS request(s) and 11 blocking JavaScript request(s) inside of head. | 0 |
| ||
| Inline CSS for faster first render (inlineCss) | The page has both inline styles as well as it is requesting 27 CSS file(s) inside of the head. Let's only inline CSS for really fast render. | 90 |
| ||
| ||
| Avoid Frontend single point of failures (spof) | The page has 2 requests inside of the head that can cause a SPOF (single point of failure). Load them asynchronously or move them outside of the document head. | 80 |
| ||
| Avoid doing redirects (assetsRedirects) | The page has 1 redirect(s). 1 request(s) are from other domains, it could be 3rd-party assets doing unnecessary redirects. :( | 90 |
| ||
| Avoid extra requests by setting cache headers (cacheHeaders) | The page has 77 request(s) that are missing a cache time. Configure a cache time so the browser doesn't need to download them every time. It will save 7.2 MB the next access. | 0 |
| ||
| Long cache headers is good (cacheHeadersLong) | The page has 2 request(s) that have a shorter cache time than 30 days (but still a cache time). | 98 |
| ||
| Always compress text content (compressAssets) | The page has 32 request(s) that are served uncompressed. You could save a lot of bytes by sending them compressed instead. | 0 |
| ||
| Total CSS size shouldn't be too big (cssSize) | The total CSS transfer size is 608.4 kB and uncompressed size is 617 kB. That is big and the CSS could most probably be smaller. | 0 |
| The favicon should be small and cacheable (favicon) | The favicon has no cache time. | 50 |
| ||
| Avoid too many fonts (fewFonts) | The page has 4 font requests. Do you really need them? What value does the fonts give the user? | 60 |
| ||
| Total image size shouldn't be too big (imageSize) | The page total image size is 5.4 MB. It's really big. Is the page using the right format for the images? Are they compressed as good as they can be? Make them smaller by using ImageOptim. | 50 |
| Total JavaScript size shouldn't be too big (javascriptSize) | The total JavaScript transfer size is 513.3 kB and the uncompressed size is 846.9 kB. This is too much. You need to remove as much as possible. | 0 |
| Avoid using incorrect mime types (mimeTypes) | The page has 6 misconfigured mime type(s). | 94 |
| ||
| Make each CSS response small (optimalCssSize) | https://okfund.co.kr/wp-content/plugins/fiscus/assets/css/sweetalert.min.css?ver=1.0.0 size is 15.6 kB (15626) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/personalize-login-v1.0.2/asset/css/default.css?ver=1.0.0 size is 17.1 kB (17110) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/kboard/skin/@ok-main-slider/style.css?ver=5.3.9 size is 30.3 kB (30263) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/kboard/skin/faq/style.css?ver=5.3.9 size is 20.2 kB (20245) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/kboard/skin/advice/style.css?ver=5.3.9 size is 26.4 kB (26406) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/kboard/skin/notice/style.css?ver=5.3.9 size is 26.5 kB (26547) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/kboard/skin/loan/style.css?ver=5.3.9 size is 30.8 kB (30784) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/plugins/kboard/skin/magazine/style.css?ver=5.3.9 size is 29.7 kB (29678) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/themes/okfunding/fonts/fontawesome/css/fontawesome-all.css?ver=4.9.8 size is 51.6 kB (51609) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/themes/okfunding/style.css?ver=1.0.2.6 size is 291.6 kB (291584) and that is bigger than the limit of 14.5 kB. https://okfund.co.kr/wp-content/themes/okfunding/style02.css?ver=1.0.2.6 size is 33 kB (33029) and that is bigger than the limit of 14.5 kB. Try to make the CSS files fit into 14.5 KB. | 0 |
| ||
| Total page size shouldn't be too big (pageSize) | The page total transfer size is 7.5 MB, which is more than the coach limit of 2 MB. That is insane and you need to make it smaller. | 0 |
| Don't use private headers on static content (privateAssets) | The page has 2 request(s) with private headers. Make sure that the assets really should be private and only used by one user. Otherwise, make it cacheable for everyone. | 80 |
| ||
최적화 분석 결과 (76)
| 문제 | 수정 권고 | 점수 |
|---|---|---|
| Avoid using Google Analytics (ga) | The page is using Google Analytics meaning you share your users private information with Google. | 0 |
| Serve your content using HTTP/2 (httpsH2) | The page is using HTTPS but not HTTP/2. Change to HTTP/2 to follow new best practice and make the site faster. | 0 |
페이지 정보
| 기본 정보 | |
|---|---|
| Title | 오케이펀딩 – OK Funding |
| Width | 1350 |
| Height | 6092 |
| DOM elements | 914 |
| Avg DOM depth | 12 |
| Max DOM depth | 22 |
| Iframes | 0 |
| Script tags | 42 |
| Local storage | N/A |
| Session storage | N/A |
| HTML vs AMP | Plain good HTML page |
| 리소스 힌트 |
|---|
| dns-prefetch |
| https://cdnjs.cloudflare.com/ |
| https://fonts.googleapis.com/ |
| https://s.w.org/ |
| 서드파티 | |
|---|---|
| JQuery | 1.12.4 |
| Google Analytics | Yes |
| Google Tag Manager | No |
| Piwik | No |
| Boomerang | No |
| New Relic | No |
시각화 측정
| 시각화 측정 항목 | |
|---|---|
| 첫번째 시각화 | 1367 |
| 속도 점수 | 2180 |
| 지각 속도 점수 | 2022 |
| Visual Complete 85% | 3467 |
| Visual Complete 95% | 3867 |
| Visual Complete 99% | 4133 |
| 마지막 시각화 | 4367 |
Browser Metrics
| Navigation Timing | |
|---|---|
| backEndTime | 172 |
| domContentLoadedTime | 1795 |
| domInteractiveTime | 1795 |
| domainLookupTime | 1 |
| frontEndTime | 2129 |
| pageDownloadTime | 60 |
| pageLoadTime | 2362 |
| redirectionTime | 0 |
| serverConnectionTime | 41 |
| serverResponseTime | 169 |
| Specials and User Timing | |
|---|---|
| first-contentful-paint | 1342 |
| first-paint | 1342 |
| RUM Speed Index | 1365 |
| Fully loaded | 2470 |
Time spent
| Categories (ms) | |
|---|---|
| Scripting | 621.5 |
| Loading | 114.7 |
| Rendering | 1349.6 |
| Painting | 24.6 |
| Events (ms) | |
|---|---|
| Layout | 901.7 |
| EvaluateScript | 320.7 |
| UpdateLayoutTree | 291.5 |
| FunctionCall | 180.9 |
| UpdateLayerTree | 122.1 |
| v8.compile | 76.4 |
| ParseHTML | 72 |
| ParseAuthorStyleSheet | 42.6 |
| HitTest | 34.4 |
| Paint | 24.6 |
| MinorGC | 16.2 |
| BlinkGC.AtomicPhase | 14.7 |
| TimerFire | 9.8 |
| EventDispatch | 2.3 |
| FireAnimationFrame | 0.6 |
Custom scripts
There are no custom configured scripts.
PageXray
페이지에 대한 상세 정보입니다.
| 요약 | |
|---|---|
| HTTP 버전 | HTTP/1.1 |
| 전체 요청 횟수 | 90 |
| 전체 요청 도메인 수 | 8 |
| 전체 전송 사이즈 | 7.2 MB |
| 전체 콘텐츠 사이즈 | 7.5 MB |
| 압축되지 않은 애셋의 수 | 32 |
| 전체 로딩까지 걸린 시간 | 8147 ms |
| 상태코드별 응답 횟수 | |
|---|---|
| 200 | 89 |
| 302 | 1 |
파일 종류별 크기 및 요청 횟수
| 종류 | 헤더 용량 | 전송 용량 | 콘텐츠 용량 | 요청 횟수 |
|---|---|---|---|---|
| html | 475 B | 116.6 KB | 116.5 KB | 1 |
| css | 6.8 KB | 594.2 KB | 602.5 KB | 27 |
| javascript | 6.4 KB | 501.3 KB | 827.1 KB | 28 |
| image | 5.0 KB | 5.2 MB | 5.2 MB | 21 |
| font | N/A | 57.1 KB | 56.5 KB | 4 |
| other | 1.5 KB | 770.9 KB | 770.9 KB | 6 |
| favicon | 186 B | N/A | N/A | 1 |
| svg | 273 B | 1.4 KB | 1.4 KB | 1 |
| 총합 | 20.6 KB | 7.2 MB | 7.5 MB | 89 |
도메인별 크기 및 요청 횟수
| 종류 | 헤더 용량 | 전송 용량 | 콘텐츠 용량 | 요청 횟수 |
|---|---|---|---|---|
| okfund.co.kr | 20.6 KB | 7.0 MB | 7.0 MB | 77 |
| www.google-analytics.com | N/A | 18.5 KB | 44.3 KB | 4 |
| fonts.googleapis.com | N/A | 1006 B | 9.3 KB | 1 |
| cdnjs.cloudflare.com | N/A | 44.4 KB | 155.9 KB | 1 |
| www.google.com | N/A | 701 B | 762 B | 1 |
| fonts.gstatic.com | N/A | 57.1 KB | 56.5 KB | 4 |
| www.gstatic.com | N/A | 92.1 KB | 280.4 KB | 1 |
| stats.g.doubleclick.net | N/A | 305 B | 35 B | 1 |
캐시 관련 헤더 내용 분석
| 헤더 종류 | 최소 | 중간 | 최대 |
|---|---|---|---|
| Expires | 0 seconds | 0 seconds | 1 year |
| Last modified | 0 seconds | 20 weeks | 21 years |
| Cookies | 0 | 1 | 4 |
onLoad 이벤트 이후 발생한 요청
| 종류 | 전송 용량 | 요청 횟수 |
|---|---|---|
| html | N/A | 0 |
| css | N/A | 0 |
| javascript | N/A | 0 |
| image | N/A | 0 |
| font | N/A | 0 |
| favicon | N/A | 1 |
| svg | 1.4 KB | 1 |
| 총합 | 1.4 KB | 2 |
onContentLoad 이벤트 이후 발생한 요청
onLoad 이벤트 이후에 발생한 요청을 포함합니다.
| 종류 | 전송 용량 | 요청 횟수 |
|---|---|---|
| html | N/A | 0 |
| css | N/A | 0 |
| javascript | N/A | 0 |
| image | 305 B | 1 |
| font | N/A | 0 |
| favicon | N/A | 1 |
| svg | 1.4 KB | 1 |
| 총합 | 1.7 KB | 3 |
Lighthouse (version 3.2.1)
Score
| Performance | Progressive Web App | Best Practices | Accessibility | SEO |
|---|---|---|---|---|
| 4 | 31 | 73 | 61 | 100 |
Room for improvement
Warning: All links in the description will lead you to developers.google.com
| Title | Value | Score |
|---|---|---|
| Does not register a service worker | 0 | |
The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. Learn more. | ||
| Does not respond with a 200 when offline | 0 | |
If you're building a Progressive Web App, consider using a service worker so that your app can work offline. Learn more. | ||
| First Contentful Paint | 12.2 s | 0 |
First Contentful Paint marks the time at which the first text or image is painted. Learn more. | ||
| First Meaningful Paint | 12.3 s | 0 |
First Meaningful Paint measures when the primary content of a page is visible. Learn more. | ||
| Page load is not fast enough on 3G | Interactive at %d s,16.315693000000003 | 0 |
A fast page load over a 3G network ensures a good mobile user experience. Learn more. Your page loads too slowly and is not interactive within 10 seconds. Look at the opportunities and diagnostics in the "Performance" section to learn how to improve. | ||
| Speed Index | 12.2 s | 4 |
Speed Index shows how quickly the contents of a page are visibly populated. Learn more. | ||
| First CPU Idle | 12.3 s | 8 |
First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input. Learn more. | ||
| Time to Interactive | 16.3 s | 6 |
Interactive marks the time at which the page is fully interactive. Learn more. | ||
| User will not be prompted to Install the Web App | 0 | |
Browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Learn more. Failures: No manifest was fetched, Site does not register a service worker. | ||
| Is not configured for a custom splash screen | 0 | |
A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. Learn more. Failures: No manifest was fetched. | ||
| Address bar does not match brand colors | 0 | |
The browser address bar can be themed to match your site. Learn more. Failures: No manifest was fetched,
No | ||
| Minimize main-thread work | 6.6 s | 17 |
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. | ||
| Reduce JavaScript execution time | 1.5 s | 86 |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn more. | ||
| Preconnect to required origins | Potential savings of 360 ms | 72 |
Consider adding preconnect or dns-prefetch resource hints to establish early connections to important third-party origins. Learn more. | ||
| Ensure text remains visible during webfont load | 0 | |
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more. | ||
| Buttons do not have an accessible name | 0 | |
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn more. | ||
| Background and foreground colors do not have a sufficient contrast ratio. | 0 | |
Low-contrast text is difficult or impossible for many users to read. Learn more. | ||
| `[id]` attributes on the page are not unique | 0 | |
The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. Learn more. | ||
| Form elements do not have associated labels | 0 | |
Labels ensure that form controls are announced properly by assistive technologies, like screen readers. Learn more. | ||
| Links do not have a discernible name | 0 | |
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn more. | ||
| Serve static assets with an efficient cache policy | 83 resources found | 0 |
A long cache lifetime can speed up repeat visits to your page. Learn more. | ||
| Avoid enormous network payloads | Total size was 7,335 KB | 3 |
Large network payloads cost users real money and are highly correlated with long load times. Learn more. | ||
| Defer offscreen images | Potential savings of 4,861 KB | 28.000000000000004 |
Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn more. | ||
| Eliminate render-blocking resources | Potential savings of 5,420 ms | 0 |
Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. Learn more. | ||
| Minify CSS | Potential savings of 72 KB | 74 |
Minifying CSS files can reduce network payload sizes. Learn more. | ||
| Minify JavaScript | Potential savings of 5 KB | 88 |
Minifying JavaScript files can reduce payload sizes and script parse time. Learn more. | ||
| Defer unused CSS | Potential savings of 532 KB | 16 |
Remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity. Learn more. | ||
| Serve images in next-gen formats | Potential savings of 4,088 KB | 0 |
Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more. | ||
| Enable text compression | Potential savings of 839 KB | 0 |
Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes. Learn more. | ||
| Properly size images | Potential savings of 1,361 KB | 0 |
Serve images that are appropriately-sized to save cellular data and improve load time. Learn more. | ||
| Avoid an excessive DOM size | 925 nodes | 84 |
Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn more. | ||
| Links to cross-origin destinations are unsafe | 0 | |
Add | ||
| Includes front-end JavaScript libraries with known security vulnerabilities | 1 vulnerability detected | 0 |
Some third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers. Learn more. | ||
| Does not use HTTP/2 for all of its resources | 76 requests not served via HTTP/2 | 0 |
HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. Learn more. | ||
| Does not use passive listeners to improve scrolling performance | 0 | |
Consider marking your touch and wheel event listeners as | ||