<h1>à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹ Google Page Speed à¸à¹à¸§à¸¢ Google Fonts</h1>
<p><b>à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹ Google Page Speed Insight à¸à¸à¸ : Google Fonts</b></p>
<blockquote>
<p><strong>à¸à¸à¸ªà¸à¸à¹à¸à¸¢à¹à¸à¹ Google Page Speed Insignt à¸à¸°à¹à¸à¸à¹à¸à¸´à¹à¸¡à¸à¸²à¸ 78% à¹à¸à¹à¸ 93%</strong></p>
</blockquote>
<p>à¸à¸±à¸à¸à¸¸à¸à¸±à¸ Google Fonts มีà¸à¸à¸à¸à¹à¸£à¸à¸à¸£à¸±à¸à¸ าษาà¹à¸à¸¢à¸à¸µà¹à¸ªà¸§à¸¢à¸à¸²à¸¡ à¹à¸«à¹à¹à¸£à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸³à¸¡à¸²à¹à¸à¹à¹à¸à¸à¸²à¸£à¸à¸±à¸à¸à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¸«à¸¥à¸²à¸à¸«à¸¥à¸²à¸¢à¸à¸à¸à¸à¹à¸à¹à¸§à¸¢à¸à¸±à¸ à¹à¸à¹à¸à¸±à¸à¸«à¸²à¸à¸¢à¹à¸²à¸à¸«à¸à¸¶à¹à¸à¸à¸µà¹à¹à¸£à¸²à¸¡à¸±à¸à¸à¸°à¹à¸à¸à¹à¸¡à¸·à¹à¸à¸à¸³ Google Fonts มาà¹à¸à¹à¸à¸³à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸·à¸ à¹à¸¡à¸·à¹à¸à¹à¸à¹à¸§à¸´à¸à¸µ import หรืภLoad font à¸à¸²à¸ fonts.googleapis.com มาà¹à¸à¹à¸à¸²à¸ à¸à¸°à¸à¸³à¹à¸«à¹à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸«à¸¥à¸à¸à¹à¸²à¸¥à¸à¸à¸¢à¹à¸²à¸à¹à¸«à¹à¸à¹à¸à¹à¸à¸±à¸</p>
<p>à¹à¸«à¸à¸¸à¸à¸¥à¸à¹à¹à¸à¸£à¸²à¸°à¸§à¹à¸² fonts.googleapis.com à¸à¸±à¹à¸à¹à¸à¹à¸ Server à¸à¸¥à¸²à¸à¸à¸µà¹à¸à¸à¸¸à¸à¸²à¸à¸´à¹à¸«à¹à¸à¸±à¸à¸à¸±à¸à¸à¸²à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸«à¸¥à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸à¸à¸à¹à¹à¸à¹à¸à¹à¸à¸²à¸à¹à¸à¹ ยิà¹à¸à¸¡à¸µà¸à¸£à¸´à¸¡à¸²à¸à¸à¸à¹à¸à¹à¸à¸²à¸à¸¡à¸²à¸à¸à¸¶à¹à¸ à¸à¹à¸à¸°à¸¢à¸´à¹à¸à¸à¸³à¹à¸«à¹à¸à¸²à¸£à¹à¸«à¸¥à¸à¹à¸à¹à¹à¸§à¸¥à¸²à¸¡à¸²à¸à¸à¸¶à¹à¸à¸à¸²à¸¡à¹à¸à¸à¹à¸§à¸¢</p>
<p>วิà¸à¸µà¹à¸à¹à¸à¸±à¸à¸«à¸²à¸à¹à¸à¸·à¸à¹à¸à¸¥à¸µà¹à¸¢à¸à¸à¸²à¸£à¹à¸«à¸¥à¸à¸à¸²à¸ fonts.googleapis.com มาà¹à¸à¹à¸à¹à¸«à¸¥à¸à¸à¸²à¸ Server หรืภHost à¸à¸à¸à¹à¸£à¸²à¹à¸à¸à¹à¸à¸ วิà¸à¸µà¸à¸µà¹à¸à¸°à¸ªà¸²à¸¡à¸²à¸£à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¸à¸à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸à¹à¸¡à¸²à¸à¸à¸à¸²à¸à¹à¸«à¸ à¹à¸«à¹à¸à¸¹à¸à¸²à¸à¸£à¸¹à¸à¸à¹à¸²à¸à¸¥à¹à¸²à¸à¸à¸°à¸à¸£à¸±à¸ หลัà¸à¸à¸²à¸à¸à¸£à¸±à¸à¸à¸³à¹à¸«à¸à¹à¸à¸à¸²à¸£à¹à¸«à¸¥à¸à¸à¸à¸à¸à¹à¹à¸¥à¹à¸§à¹à¸à¹à¸à¸°à¹à¸à¸ Optimization à¸à¸²à¸ 78% à¹à¸à¹à¸ 93%</p>
<p><b>à¸à¸à¸ªà¸à¸à¹à¸à¸¢à¹à¸à¹ <a href="https://developers.google.com/speed/pagespeed/insights/?url=https://www.codebee.co.th" target="_blank" rel="noopener noreferrer">Google Page Speed Insignt</a> à¸à¸°à¹à¸à¹à¸à¸°à¹à¸à¸ Optimization à¸à¸²à¸ 78% à¹à¸à¹à¸ 93% ( สà¹à¸§à¸ Mobile View )</b></p>
<p><img src="https://www.codebee.co.th/labs/wp-content/uploads/2018/03/à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹-4.jpg" alt="à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹"></p>
<p><b>à¸à¸à¸ªà¸à¸à¹à¸à¸¢à¹à¸à¹ <a href="https://tools.pingdom.com" target="_blank" rel="noopener noreferrer">pingdom.com</a> à¸à¸°à¹à¸à¹ Performance Grade à¸à¸¶à¸ 96%</b></p>
<p><img src="https://www.codebee.co.th/labs/wp-content/uploads/2018/03/à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹-1.png" alt="à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹"></p>
<h4>วิà¸à¸µ Embed Google Fonts à¸à¸à¹à¸®à¸ªà¸à¸à¸à¹à¸£à¸²à¹à¸à¸</h4>
<ul>
<li style="list-style-type: none;">
<ul>
<li>1. à¹à¸à¸à¸µà¹ <a href="https://fonts.google.com" target="_blank" rel="noopener noreferrer">fonts.google.com</a> à¸à¸²à¸à¸à¸±à¹à¸à¸à¹à¹à¸¥à¸·à¸à¸ font à¸à¸µà¹à¹à¸£à¸²à¸à¹à¸à¸à¸à¸²à¸£à¸à¸°à¸à¸³à¸¡à¸²à¹à¸à¹à¸à¸²à¸</li>
<li>2. à¹à¸¥à¸·à¸à¸à¹à¸à¸à¸µà¹ Customize Tab à¸à¸²à¸à¸à¸±à¹à¸à¸à¸´à¹à¸à¸à¸¹à¸à¸ าษาà¹à¸¥à¸°à¸£à¸¹à¸à¹à¸à¸à¸à¸à¸à¸à¸à¸à¸à¹à¸à¸µà¹à¹à¸£à¸²à¸à¹à¸à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸ à¹à¸à¸²à¹à¸à¸à¸²à¸°à¸à¸µà¹à¸à¹à¸à¸à¹à¸à¹à¸à¸²à¸à¸à¸£à¸´à¸ à¹</li>
<li>3. à¹à¸«à¹à¸ªà¸±à¸à¹à¸à¸à¸¸à¹à¸à¸à¸à¸à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸ มุมà¸à¸§à¸²à¸à¸ à¹à¸¥à¸·à¸à¸à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸à¹à¸à¸¥à¹ à¸à¸±à¸à¸£à¸¹à¸à¸à¹à¸²à¸à¸¥à¹à¸²à¸</li>
</ul>
</li>
</ul>
<p><img src="https://www.codebee.co.th/labs/wp-content/uploads/2018/03/à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹-3.jpg" alt="à¹à¸à¸à¸à¸´à¸à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸§à¹à¸à¹à¸à¸à¹-2"></p>
<ul>
<li style="list-style-type: none;">
<ul>
<li>4. à¸à¸³ fonts à¸à¸µà¹à¹à¸à¹à¸à¸±à¸à¹à¸«à¸¥à¸à¸à¸¶à¹à¸à¹à¸®à¸ª à¸à¸²à¸à¸à¸±à¹à¸à¸ªà¸£à¹à¸²à¸ font-family à¸à¸²à¸¡à¸à¸à¸²à¸à¹à¸¥à¸°à¸£à¸¹à¸à¹à¸à¸à¸à¸à¸à¸à¹à¸à¸µà¹à¸à¸²à¸§à¸à¹à¸«à¸¥à¸à¸¥à¸à¸¡à¸² à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¹à¸à¹à¸</li>
</ul>
</li>
</ul>
<pre class="lang:default decode:true ">@font-face {
 font-family: 'Kanit';
 src: url('fonts/Kanit-ExtraLight.eot');
 src: url('fonts/Kanit-ExtraLight.eot?#iefix') format('embedded-opentype'), 
 url('fonts/Kanit-ExtraLight.woff2') format('woff2'), 
 url('fonts/Kanit-ExtraLight.woff') format('woff'), 
 url('fonts/Kanit-ExtraLight.ttf') format('truetype'), 
 url('fonts/Kanit-ExtraLight.svg') format('svg');
 font-weight: 200;
 font-style: normal;
}
@font-face {
 font-family: 'Kanit';
 src: url('fonts/Kanit-Light.eot');
 src: url('fonts/Kanit-Light.eot?#iefix') format('embedded-opentype'), 
 url('fonts/Kanit-Light.woff2') format('woff2'), 
 url('fonts/Kanit-Light.woff') format('woff'), 
 url('fonts/Kanit-Light.ttf') format('truetype'), 
 url('fonts/Kanit-Light.svg') format('svg');
 font-weight: 300;
 font-style: normal;
}</pre>
<p></p>
<h4>ลำà¸à¸±à¸à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¸à¸±à¸à¸§à¸´à¸à¸µà¹à¸£à¸µà¸¢à¸à¹à¸à¹à¸à¸²à¸ Google Fonts</h4>
<ul>
<li>à¹à¸à¹à¸§à¸´à¸à¸µ @import à¸à¹à¸²à¸¡à¸²à¸
<pre class="lang:default decode:true ">@import url('https://fonts.googleapis.com/css?family=Kanit');
</pre>
</li>
<li>à¹à¸à¹à¸§à¸´à¸à¸µ Load à¸à¹à¸²à¸à¸à¸à¸£à¸°à¸¡à¸²à¸à¹à¸à¹à¹à¸£à¹à¸§à¸à¸§à¹à¸² @import
<pre class="lang:default decode:true "></pre>
</li>
<li>à¹à¸à¹ @font-face à¹à¸£à¹à¸§à¸¡à¸²à¸
<pre class="lang:default decode:true ">@font-face {
 font-family: 'Kanit';
 src: url('fonts/Kanit-Light.eot');
 font-weight: 200;
 font-style: normal;
}</pre>
</li>
</ul>


<p class="wp-block-paragraph">à¸à¸±à¸§à¸«à¸à¸±à¸à¸ªà¸·à¸ à¸à¸·à¸ à¸à¸à¸à¹à¸à¸£à¸°à¸à¸à¸à¸«à¸¥à¸±à¸à¸à¸µà¹à¹à¸ªà¸à¸à¸à¸à¸«à¸à¹à¸²à¹à¸§à¹à¸à¹à¸à¸à¹ à¸à¸²à¸£à¹à¸¥à¸·à¸à¸à¹à¸à¹à¸à¸²à¸ Font à¹à¸¥à¸°à¸§à¸´à¸à¸µà¹à¸à¹à¸à¸²à¸£à¹à¸£à¸µà¸¢à¸à¹à¸à¹à¸à¸²à¸ à¸à¸µà¹à¹à¸«à¸¡à¸²à¸°à¸ªà¸¡ à¸à¸°à¸à¹à¸§à¸¢à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¹à¸£à¹à¸§à¹à¸à¸à¸²à¸£à¹à¸«à¸¥à¸à¸«à¸à¹à¸²à¹à¸§à¹à¸à¹à¸à¸à¹à¹à¸à¹à¸à¸¢à¹à¸²à¸à¸¡à¸²à¸ à¹</p>

เทคนิคเพิ่มความเร็วเว็บไซต์ Google Page Speed ด้วย Google Fonts
เทคนิคเพิ่มความเร็วเว็บไซต์