كود بلغة HTML:
<div class="box report-summary clear">
<div class="report-summary-pagespeed report-grade-A clear">
<h3 class="report-grade">A</h3>
<span class="report-title">Page Speed Grade:</span><br>
<span class="report-score">(94%)</span>
<div class="rule-average rule-average-above">78%</div>
<div class="rule-average-tip tooltip">
<a href="/faq.html#faq-relative-score" class="rule-help" title="What does this mean?">What does this mean?</a>
<h4>Relative Score</h4>
<p>The average Page Speed grade is <span>78%</span></p>
</div>
</div>
<div class="report-summary-yslow report-grade-B clear">
<h3 class="report-grade">B</h3>
<span class="report-title">YSlow Grade:</span><br>
<span class="report-score">(88%)</span>
<div class="rule-average rule-average-above">78%</div>
<div class="rule-average-tip tooltip">
<a href="/faq.html#faq-relative-score" class="rule-help" title="What does this mean?">What does this mean?</a>
<h4>Relative Score</h4>
<p>The average YSlow grade is <span>78%</span></p>
</div>
</div>
<div class="report-summary-details">
<b>Page load time:</b> 1.69s<br>
<b>Total page size:</b> 517KB<br>
<b>Total number of requests:</b> 17<br>
</div>
</div>