페이지 보고서Main
본 페이지의 내용은 2018-12-01 12:28:48 에 Chrome 브라우저 70.0.3538.67 버전 기준, native 수준으로 속도를 제한한 desktop 환경에서 총 5 회의 검사를 실시한 결과입니다.
| 측정 항목 | 값 |
|---|---|
| 퍼포먼스 점수: | 57 |
| 페이지 전체 용량: | 3.7 MB |
| 요청 횟수: | 90 |
| 첫번째 시각화 시간 [중간값]: | 1867 |
| 속도 점수 [중간값]: | 2113 |
| 시각화 85% 완료 시간 [중간값]: | 2133 |
| 시각화 95% 완료 시간 [중간값]: | 2133 |
| 시각화 99% 완료 시간 [중간값]: | 2133 |
| 마지막 시각화 (완료) [중간값]: | 2133 |
소요시간 요약
최소, 중간, 최대항목의 값을 클릭하여 해당 값이 나온 검사 결과 페이지로 이동할 수 있습니다.
| 항목 | 최소 | 중간 | 평균 | 최대 |
|---|---|---|---|---|
| SpeedIndex | 1807 | 2113 | 2045 | 2244 |
| PerceptualSpeedIndex | 1765 | 1993 | 1962 | 2094 |
| FirstVisualChange | 1733 | 1867 | 1873 | 2000 |
| LastVisualChange | 1833 | 2133 | 2080 | 2300 |
| VisualReadiness | 100 | 133 | 207 | 400 |
| VisualComplete85 | 1833 | 2133 | 2080 | 2300 |
| VisualComplete95 | 1833 | 2133 | 2080 | 2300 |
| VisualComplete99 | 1833 | 2133 | 2080 | 2300 |
| backEndTime | 151 | 165 | 203 | 373 |
| firstPaint | 1030 | 1203 | 1204 | 1439 |
| fullyLoaded | 1899 | 2208 | 2129 | 2298 |
| rumSpeedIndex | 1528 | 1727 | 1714 | 1855 |
Waterfall 차트
SpeedIndex 기준 2번째 검사가 중간값입니다.
실행 동영상 확인
측정 시스템의 블랙박스 영상을 통해 측정값을 확인하실 수 있습니다.
Download videoCoach
코치는 웹 서비스의 성능과 접근성 향상을 위해 웹 표준 및 성능 향상에 필요한 조치를 자동으로 검토하여 안내합니다. 더 많은 정보를 확인하려면 Lighthouse 탭 또한 참조하십시오.
검사 결과
- 총점 62
- 성능 점수 57
- 접근성 점수 97
- 최적화 점수 57
접근성 분석 결과 (97)
| 문제 | 수정 권고 | 점수 |
|---|---|---|
| Always set labels on inputs in forms (labelOnInput) | There are 1 input(s) that are missing labels on a form. | 90 |
| ||
| Use caption and th in tables (table) | The page has tables that are missing caption, please use them to give them a proper heading or summary. | 90 |
| ||
성능 분석 결과 (57)
| 문제 | 수정 권고 | 점수 |
|---|---|---|
| Avoid slowing down the critical rendering path (fastRender) | The page has 28 render blocking CSS request(s) and 12 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 28 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 1 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. | 90 |
| ||
| Avoid doing redirects (assetsRedirects) | The page has 3 redirect(s). 2 of the redirects are from the base domain, please fix them! 1 request(s) are from other domains, it could be 3rd-party assets doing unnecessary redirects. :( | 70 |
| ||
| Avoid extra requests by setting cache headers (cacheHeaders) | The page has 81 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 3.7 MB the next access. | 0 |
| ||
| Long cache headers is good (cacheHeadersLong) | The page has 1 request(s) that have a shorter cache time than 30 days (but still a cache time). | 99 |
| ||
| Always compress text content (compressAssets) | The page has 41 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 318.5 kB and uncompressed size is 322.3 kB. That is big and the CSS could most probably be smaller. | 50 |
| Total image size shouldn't be too big (imageSize) | The page total image size is 2.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 395 kB and the uncompressed size is 438.1 kB. This is too much. You need to remove as much as possible. | 50 |
| Avoid using incorrect mime types (mimeTypes) | The page has 5 misconfigured mime type(s). | 95 |
| ||
| Make each CSS response small (optimalCssSize) | http://ssofun.com/wp-content/plugins/fiscus/assets/css/sweetalert.min.css?ver=1.0.0 size is 15.6 kB (15632) and that is bigger than the limit of 14.5 kB. http://ssofun.com/wp-content/themes/recens/fonts/fontawesome/font-awesome.min.css?ver=4.7.0 size is 31 kB (30957) and that is bigger than the limit of 14.5 kB. http://ssofun.com/wp-content/plugins/kboard/skin/magazine/style.css?ver=5.3.2 size is 19.4 kB (19402) and that is bigger than the limit of 14.5 kB. http://ssofun.com/wp-content/plugins/kboard/skin/notice/style.css?ver=5.3.2 size is 16.2 kB (16150) and that is bigger than the limit of 14.5 kB. http://ssofun.com/wp-content/plugins/kboard/skin/default/style.css?ver=5.3.2 size is 16.3 kB (16319) and that is bigger than the limit of 14.5 kB. http://ssofun.com/wp-content/themes/recens/style.css?ver=1.0.9 size is 134.1 kB (134132) and that is bigger than the limit of 14.5 kB. http://ssofun.com/wp-content/themes/recens/style2.css?ver=1.0.1 size is 16.7 kB (16690) and that is bigger than the limit of 14.5 kB. Try to make the CSS files fit into 14.5 KB. | 30 |
| ||
| Total page size shouldn't be too big (pageSize) | The page total transfer size is 3.9 MB, which is more than the coach limit of 2 MB. That is really big and you need to make it smaller. | 0 |
| Don't use private headers on static content (privateAssets) | The page has 1 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. | 90 |
| ||
최적화 분석 결과 (57)
| 문제 | 수정 권고 | 점수 |
|---|---|---|
| Avoid using Google Analytics (ga) | The page is using Google Analytics meaning you share your users private information with Google. | 0 |
| Serve your content securely (https) | What!! The page is not using HTTPS. Every unencrypted HTTP request reveals information about user’s behavior, read more about it at https://https.cio.gov/everything/. You can get a totally free SSL/TLS certificate from https://letsencrypt.org/. | 0 |
페이지 정보
| 기본 정보 | |
|---|---|
| Title | SoFun |
| Width | 1365 |
| Height | 3030 |
| DOM elements | 685 |
| Avg DOM depth | 12 |
| Max DOM depth | 21 |
| Iframes | 0 |
| Script tags | 48 |
| Local storage | N/A |
| Session storage | N/A |
| HTML vs AMP | Plain good HTML page |
| 리소스 힌트 |
|---|
| dns-prefetch |
| http://fonts.googleapis.com/ |
| http://s.w.org/ |
| 서드파티 | |
|---|---|
| JQuery | 1.12.4 |
| Google Analytics | Yes |
| Google Tag Manager | No |
| Piwik | No |
| Boomerang | No |
| New Relic | No |
시각화 측정
| 시각화 측정 항목 | |
|---|---|
| 첫번째 시각화 | 2000 |
| 속도 점수 | 2113 |
| 지각 속도 점수 | 2057 |
| Visual Complete 85% | 2133 |
| Visual Complete 95% | 2133 |
| Visual Complete 99% | 2133 |
| 마지막 시각화 | 2133 |
Browser Metrics
| Navigation Timing | |
|---|---|
| backEndTime | 158 |
| domContentLoadedTime | 1583 |
| domInteractiveTime | 1583 |
| domainLookupTime | 1 |
| frontEndTime | 1925 |
| pageDownloadTime | 33 |
| pageLoadTime | 2117 |
| redirectionTime | 0 |
| serverConnectionTime | 11 |
| serverResponseTime | 171 |
| Specials and User Timing | |
|---|---|
| first-contentful-paint | 1439 |
| first-paint | 1439 |
| RUM Speed Index | 1855 |
| Fully loaded | 2208 |
Time spent
| Categories (ms) | |
|---|---|
| Scripting | 482.2 |
| Loading | 89.9 |
| Rendering | 914.2 |
| Painting | 15.4 |
| Events (ms) | |
|---|---|
| Layout | 761.1 |
| EvaluateScript | 310.5 |
| UpdateLayoutTree | 138.5 |
| FunctionCall | 87.6 |
| v8.compile | 61.3 |
| ParseHTML | 58.3 |
| ParseAuthorStyleSheet | 31.6 |
| Paint | 15.4 |
| UpdateLayerTree | 14.2 |
| MinorGC | 11.2 |
| BlinkGC.AtomicPhase | 7.1 |
| TimerFire | 3.4 |
| EventDispatch | 1.1 |
| HitTest | 0.5 |
Custom scripts
There are no custom configured scripts.
PageXray
페이지에 대한 상세 정보입니다.
| 요약 | |
|---|---|
| HTTP 버전 | HTTP/1.1 |
| 전체 요청 횟수 | 90 |
| 전체 요청 도메인 수 | 5 |
| 전체 전송 사이즈 | 3.7 MB |
| 전체 콘텐츠 사이즈 | 3.7 MB |
| 압축되지 않은 애셋의 수 | 41 |
| 전체 로딩까지 걸린 시간 | 7217 ms |
| 상태코드별 응답 횟수 | |
|---|---|
| 200 | 87 |
| 302 | 3 |
파일 종류별 크기 및 요청 횟수
| 종류 | 헤더 용량 | 전송 용량 | 콘텐츠 용량 | 요청 횟수 |
|---|---|---|---|---|
| html | 1.6 KB | 161.8 KB | 163.0 KB | 4 |
| css | 7.1 KB | 311.0 KB | 314.8 KB | 28 |
| javascript | 8.0 KB | 385.7 KB | 427.8 KB | 32 |
| image | 4.5 KB | 2.3 MB | 2.3 MB | 18 |
| other | 1.2 KB | 596.5 KB | 596.5 KB | 5 |
| 총합 | 22.4 KB | 3.7 MB | 3.7 MB | 87 |
도메인별 크기 및 요청 횟수
| 종류 | 헤더 용량 | 전송 용량 | 콘텐츠 용량 | 요청 횟수 |
|---|---|---|---|---|
| ssofun.com | 23.2 KB | 3.6 MB | 3.6 MB | 84 |
| www.google-analytics.com | N/A | 18.3 KB | 44.2 KB | 3 |
| cdnjs.cloudflare.com | N/A | 7.9 KB | 24.1 KB | 1 |
| fonts.googleapis.com | N/A | 899 B | 4.7 KB | 1 |
| stats.g.doubleclick.net | N/A | 305 B | 35 B | 1 |
캐시 관련 헤더 내용 분석
| 헤더 종류 | 최소 | 중간 | 최대 |
|---|---|---|---|
| Expires | 0 seconds | 0 seconds | 51 weeks |
| Last modified | 0 seconds | 2 years | 21 years |
| Cookies | 0 | 1 | 4 |
onLoad 이벤트 이후 발생한 요청
| 종류 | 전송 용량 | 요청 횟수 |
|---|---|---|
| html | 16.6 KB | 2 |
| css | N/A | 0 |
| javascript | N/A | 0 |
| image | 16.4 KB | 3 |
| font | N/A | 0 |
| 총합 | 32.9 KB | 7 |
onContentLoad 이벤트 이후 발생한 요청
onLoad 이벤트 이후에 발생한 요청을 포함합니다.
| 종류 | 전송 용량 | 요청 횟수 |
|---|---|---|
| html | 16.6 KB | 2 |
| css | N/A | 0 |
| javascript | N/A | 0 |
| image | 16.7 KB | 4 |
| font | N/A | 0 |
| 총합 | 33.2 KB | 8 |
Lighthouse (version 3.2.1)
Score
| Performance | Progressive Web App | Best Practices | Accessibility | SEO |
|---|---|---|---|---|
| 39 | 42 | 67 | 61 | 100 |
Room for improvement
Warning: All links in the description will lead you to developers.google.com
| Title | Value | Score |
|---|---|---|
| Does not use HTTPS | 70 insecure requests found | 0 |
All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. Learn more. | ||
| Does not redirect HTTP traffic to HTTPS | 0 | |
If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. Learn more. | ||
| 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 | 5.2 s | 27 |
First Contentful Paint marks the time at which the first text or image is painted. Learn more. | ||
| First Meaningful Paint | 5.4 s | 24 |
First Meaningful Paint measures when the primary content of a page is visible. Learn more. | ||
| Speed Index | 5.2 s | 60 |
Speed Index shows how quickly the contents of a page are visibly populated. Learn more. | ||
| First CPU Idle | 7.7 s | 36 |
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 | 8.8 s | 35 |
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 | 3.1 s | 69 |
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. | ||
| JavaScript execution time | 1.1 s | 93 |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. 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. | ||
| 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. | ||
| `[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5. | 0 | |
Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. Learn more. | ||
| Serve static assets with an efficient cache policy | 71 resources found | 0 |
A long cache lifetime can speed up repeat visits to your page. Learn more. | ||
| Avoid enormous network payloads | Total size was 3,154 KB | 77 |
Large network payloads cost users real money and are highly correlated with long load times. Learn more. | ||
| Defer offscreen images | Potential savings of 862 KB | 48 |
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 3,970 ms | 12 |
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 35 KB | 59 |
Minifying CSS files can reduce network payload sizes. Learn more. | ||
| Minify JavaScript | Potential savings of 38 KB | 88 |
Minifying JavaScript files can reduce payload sizes and script parse time. Learn more. | ||
| Defer unused CSS | Potential savings of 301 KB | 31 |
Remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity. Learn more. | ||
| Serve images in next-gen formats | Potential savings of 1,447 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. | ||
| Efficiently encode images | Potential savings of 24 KB | 88 |
Optimized images load faster and consume less cellular data. Learn more. | ||
| Enable text compression | Potential savings of 562 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,022 KB | 0 |
Serve images that are appropriately-sized to save cellular data and improve load time. Learn more. | ||
| Avoids an excessive DOM size | 689 nodes | 95 |
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 | 69 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 | ||