เว็บไซต์ WordPress ของคุณใช้เวลาในการโหลดนานเกินไปหรือไม่? คุณรู้หรือไม่ว่าเว็บไซต์ที่ช้าจะส่งผลต่อSEOและประสบการณ์ผู้ใช้ของคุณ?

มีหลายวิธีในการเพิ่มความเร็วไซต์ของคุณนอกเหนือจากการใช้ปลั๊กอิน วิธีหนึ่งคือการใช้ประโยชน์จากแคชของเบราว์เซอร์ และอีกวิธีหนึ่งคือการบีบอัดไฟล์ของคุณ 

ทั้งสองสามารถทำได้โดยการแก้ไขและเพิ่มประสิทธิภาพไฟล์ . htaccess

แคชของเบราว์เซอร์คืออะไร?

เมื่อมีผู้เยี่ยมชมเว็บไซต์ของคุณ มีไฟล์ที่ดาวน์โหลดและจัดเก็บไว้ในตำแหน่งชั่วคราว

ประเภทของไฟล์รวมถึงเอกสารทั้งหมดที่ประกอบขึ้นเป็นเว็บไซต์ของคุณ เช่นไฟล์HTMLรูปภาพJavaScriptและCSS แคชของ เบราว์เซอร์^(Browser)อ้างอิงถึงตำแหน่งชั่วคราวนี้สำหรับไฟล์ที่ดาวน์โหลด

เมื่อแคชเต็ม จะใช้พื้นที่บนคอมพิวเตอร์ของผู้เยี่ยมชมมากเกินไป ส่งผลให้เบราว์เซอร์ทำงานช้าและเว็บไซต์ใช้เวลาในการโหลดนานเกินไป

โชคดีที่มีวิธีแก้ไขโดยแก้ไขไฟล์ .htaccess ของคุณ

สิ่งที่คุณควรทำก่อน

ก่อนที่คุณจะเริ่มแก้ไขไฟล์ .htaccess ให้พิจารณาข้อควรระวังต่อไปนี้:

• สร้างข้อมูลสำรองของ ไฟล์ WordPress .htaccessก่อนทำการเปลี่ยนแปลงเสมอ
• ปิดใช้งาน ปลั๊กอิน WordPress ใด ๆ ที่คุณอาจใช้อยู่
• ทดสอบความเร็วไซต์ของคุณก่อนทำการเปลี่ยนแปลงไฟล์ .htaccess เพื่อรับการวัดพื้นฐาน คุณสามารถใช้GTmatrix , PingdomหรือGoogle PageSpeed ​​Insights^{( Google PageSpeed Insights)}

ตอนนี้คุณพร้อมที่จะใช้โค้ดผ่านไฟล์ .htaccess เพื่อบอกให้ การติดตั้ง WordPress ของคุณ แคชไฟล์สแตติกนานขึ้นเพื่อให้ผู้เข้าชมกลับมายังเว็บไซต์ของคุณ คุณสามารถ ใช้cPanel หรือFTP ดูคำแนะนำด้านล่างสำหรับแต่ละรายการ 

เมื่อคุณเข้าถึงไฟล์ .htaccess แล้ว ให้ใช้คำแนะนำเพิ่มเติมเพื่อทำการแก้ไข 

การใช้cPanel

ลงชื่อ^(Log)เข้าใช้ cPanel เว็บไซต์ของคุณ ปกติคุณจะไปถึงที่นั่นได้โดยพิมพ์yourdomain.com/cPanelลงในเว็บเบราว์เซอร์

เข้าสู่ระบบ^(Log)ด้วยชื่อผู้ใช้และรหัสผ่านที่คุณได้รับเมื่อคุณติดตั้งWordPressบนโดเมนของคุณ เมื่อคุณเข้าสู่ระบบแล้ว ให้ค้นหาและคลิกตัวจัดการ^{(File Manager)}ไฟล์

ไฟล์ .htaccess ของคุณอยู่ในโฟลเดอร์รูท จุดที่อยู่หน้าชื่อไฟล์แสดงว่าเป็นไฟล์ที่ซ่อนอยู่ในการติดตั้ง WordPress ของคุณ อย่าลืมทำเครื่องหมายในช่องเพื่อแสดงไฟล์^{(Show Hidden Files)} ที่ ซ่อน

คุณควรทำสำเนาไฟล์ของคุณก่อนที่จะแก้ไข เพราะหากคุณทำผิดพลาด ไซต์ของคุณอาจล่มได้ หากต้องการทำสำเนา ให้คลิก . htaccessและไฮไลต์ หากต้องการบันทึกสำเนา ให้คลิกปุ่มดาวน์โหลดที่เมนูด้านบน  

เมื่อคุณทำสำเนาเสร็จแล้ว คุณก็พร้อมที่จะแก้ไขไฟล์ ใน ตัวจัดการไฟล์^{(File Manager)} cPanel ให้คลิกขวาที่ไฟล์ . htaccess แล้วคลิกแก้ไข^(edit)

การใช้ FTP

คุณยังสามารถแก้ไขไฟล์ .htaccess ได้โดยใช้ไคลเอนต์FTP ไคลเอนต์ FTP^(FTP)ยอดนิยมตัวหนึ่งคือFileZillaซึ่งใช้ในตัวอย่างด้านล่าง

เริ่มต้น^(Start)ด้วยการเปิด ไคลเอนต์ FTP ของคุณ และใส่โฮสต์ของคุณ ซึ่งมักจะเป็นที่อยู่โดเมน ชื่อผู้ใช้ และรหัสผ่านของคุณ หากคุณไม่แน่ใจว่ามันคืออะไร โปรดติดต่อโฮสต์เว็บของคุณ

ใช้ขั้นตอนต่อไปนี้เพื่อเข้าถึง คัดลอก และแก้ไขไฟล์ .htaccess ของคุณ:

• นำทางไปยังไดเร็กทอรีรากของคุณ
• ค้นหาไฟล์ .htaccess ทำสำเนา แล้วลากไปที่เดสก์ท็อปของคุณ
• เก็บสำเนาของต้นฉบับและแก้ไขสำเนาอื่นในกรณีที่คุณต้องกู้คืนต้นฉบับ
• ใช้^(Use)โปรแกรมแก้ไขเช่นNotepadเพื่อแก้ไขไฟล์
• เมื่อคุณแก้ไขเสร็จแล้ว ให้อัปโหลดไฟล์ไปยังไดเร็กทอรีรากของคุณ

หากคุณทำผิดพลาด เว็บไซต์ของคุณจะไม่ทำงาน หากต้องการแก้ไข ให้อัปโหลดไฟล์สำรอง 

ตอนนี้คุณพร้อมที่จะเปลี่ยนแปลงไฟล์ .htaccess ของคุณแล้ว เพื่อเพิ่มความเร็วให้กับไซต์WordPress ของคุณ^(WordPress)

บีบอัดไฟล์ของคุณโดยใช้ Gzip

การบีบอัด Gzip^(Gzip)ทำให้ไฟล์ของคุณเล็กลงและช่วยให้โหลดเร็วขึ้น การเพิ่มโค้ดด้านล่างลงในไฟล์ .htaccess (ใต้โค้ดปัจจุบัน) โดยใช้ gzip จะบีบอัดไฟล์CSS , HTMLและPHP

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

อย่าลืมคลิก "บันทึกการเปลี่ยนแปลง"

การแคชเบราว์เซอร์

เมื่อมีผู้เยี่ยมชมเว็บไซต์ของคุณ เบราว์เซอร์ที่พวกเขาใช้จะดาวน์โหลดไฟล์ทั้งหมดที่เกี่ยวข้องกับหน้าที่พวกเขากำลังเข้าถึง

การใช้ประโยชน์จากแคชของเบราว์เซอร์หมายความว่าคุณต้องการดาวน์โหลดไฟล์ที่จำเป็นเท่านั้น ไม่ใช่สินทรัพย์ที่ไม่จำเป็น สิ่งเหล่านี้มักจะเป็นการออกแบบและสไตล์ของเพจของคุณ และบางครั้งก็มีฟังก์ชัน JavaScript ด้วยเช่นกัน

เมื่อคุณใช้แคชของเบราว์เซอร์ คุณกำลังบอกให้เซิร์ฟเวอร์ของคุณละเว้นส่วนต่างๆ ของหน้าเว็บที่ดาวน์โหลดมาก่อนหน้านี้สำหรับผู้เยี่ยมชมซ้ำ

ในการแก้ไขไฟล์ .htaccess ของคุณ ให้ค้นหาและทำสำเนาสองชุดในลักษณะเดียวกับที่คุณทำเมื่อบีบอัดไฟล์ตามที่อธิบายไว้ข้างต้นโดยใช้ ไคลเอ็นต์ FTPหรือ cPanel

เก็บสำเนาของไฟล์ .htaccess ดั้งเดิมไว้ในกรณีที่มีการเปลี่ยนแปลงใดๆ ทำการแก้ไขของคุณในสำเนาอื่น 

เพิ่มรหัสต่อไปนี้ด้านล่างเนื้อหาปัจจุบันของไฟล์ .htaccess ของคุณ:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

อย่าลืมคลิกบันทึก^(Save)เพื่อเก็บส่วนเพิ่มเติมในไฟล์ของคุณ

การบีบอัดไฟล์และใช้ประโยชน์จากแคชของเบราว์เซอร์จะลดเวลาในการโหลดหน้าเว็บลงอย่างมาก ซึ่งจะช่วยให้ไซต์ของคุณมีอันดับสูงขึ้นในการค้นหาและปรับปรุงประสบการณ์ของผู้ใช้ ไม่มีใครต้องการรอนานกว่าสองสามวินาทีเพื่อโหลดหน้า

How To Speed Up Any WordPress Site Using .HTACCESS

Is your WordPress wеbsite taking too long to load? Do you know that a slow sitе will affect your SEO аnd user exрerience?

There are several different ways to speed up your site besides using plugins. One way is to leverage browser cache and another way is to compress your files. 

Both can be accomplished by modifying and optimizing the .htaccess file.

What Is Browser Cache?

When someone visits your website, there are files that are downloaded and stored in a temporary location.

The types of files include all documents that make up your website, such as HTML, images, JavaScript, and CSS files. Browser cache refers to this temporary location for the downloaded files.

When the cache is full, it takes up too much space on the visitor’s computer. This results in a slow browser and a website that takes too long to load.

Luckily there is a way to fix this by editing your .htaccess file.

What You Should Do First

Before you start editing your .htaccess file, consider the following precautions:

• Always create a backup of your WordPress .htaccess file before changing it.
• Disable any WordPress plugins you might be using.
• Test your site speed before making changes to the .htaccess file to get a baseline measurement. You can use GTmatrix, Pingdom, or Google PageSpeed Insights.

You are now ready to use code via your .htaccess file to tell your WordPress installation to cache static files longer for return visitors to your website. You can use either cPanel or FTP. See the directions below for each. 

Once you have access to your .htaccess file, then use the additional directions to make your edits. 

Using cPanel

Log into your website cPanel. You can usually get there by typing yourdomain.com/cPanel into your web browser.

Log in with the username and password you were given when you installed WordPress on your domain. Once you are logged in, look for and click File Manager.

Your .htaccess file is located in the root folder. The dot before the file name indicates that it is a hidden file in your WordPress installation. Be sure to put a check in the box to Show Hidden Files.

You should make a copy of your file before editing it because if you make a mistake, you can crash your site. To make a copy, click .htaccess and highlight it. To save a copy, click the download button located on the top menu.  

Once you have made your copy, you are now ready to edit the file. In your cPanel File Manager, right-click the .htaccess file and click edit.

Using FTP

You can also edit your .htaccess file using an FTP client. One popular FTP client is FileZilla, used in the example below.

Start by opening your FTP client and put in your host. This is usually your domain address, your username and password. If you are not sure what they are, contact your web host.

Use the following steps to access, copy, and edit your .htaccess file:

• Navigate to your root directory.
• Find the .htaccess file, make a copy, and drag it to your desktop.
• Keep a copy of the original and edit a different copy in case you have to restore the original.
• Use an editor such as Notepad to edit the file.
• When you have finished your editing, upload the file to your root directory.

If you have made a mistake, your website will not work. To fix it, upload the backup file. 

Now you are ready to make changes to your .htaccess file to speed up your WordPress site.

Compress Your Files Using Gzip

Gzip compression makes your files smaller and helps them to load faster. Adding the code below to your .htaccess file (underneath the current code) using gzip will compress CSS, HTML, and PHP files.

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Don’t forget to click “Save changes.”

Browser Caching

When someone visits your website, the browser they are using will download all the files associated with the page they are accessing.

Leveraging browser cache means you want to download only the necessary files and not assets that are unnecessary. These are usually the design and style of your page and sometimes includes JavaScript functions as well.

When you use browser cache, you are telling your server to ignore parts of your webpage that were previously downloaded for repeat visitors.

To edit your .htaccess file, locate it and make two copies in the same way you did when compressing your files as outlined above using an FTP client or cPanel.

Keep a copy of the original .htaccess file in case there are any issues with the changes. Make your edits in the other copy. 

Add the following code below the current content of your .htaccess file:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

Don’t forget to click Save to keep the additions to your file.

Compressing your files and leveraging browser cache will significantly decrease the loading time of your webpages. This will help your site rank higher in search and improve the user experience. No one wants to wait more than a few seconds for a page to load.

Related posts

• วิธีตั้งค่าเว็บไซต์ที่เหมือน Twitter ของคุณเองโดยใช้ธีม P2 ของ WordPress

• วิธีโทร WhatsApp โดยใช้ Siri

• บล็อกเว็บไซต์จากเราเตอร์ของคุณหรือใช้ DNS

• ค้นหารหัสผ่าน WiFi ใน Windows 10 โดยใช้ CMD

• เล่นเกมพีซีทุกเกมด้วยแป้นเกมโดยใช้ JoyToKey

• การติดตั้ง GIMP Plugins: How-To Guide

• วิธีปิดการใช้งานคีย์ Windows

• รีวิวหนังสือ - คู่มือ How-To Geek สำหรับ Windows 8

• การค้นหาขั้นสูงของ Google โดยใช้ตัวดำเนินการค้นหา

• วิธีการแปลงไดนามิกดิสก์เป็นดิสก์พื้นฐาน

• วิธีติดตามคนโดยใช้แหล่งข้อมูลออนไลน์

• 10 ปลั๊กอิน WordPress ที่จำเป็นสำหรับเว็บไซต์ธุรกิจขนาดเล็ก

• วิธีทำ WordPress Site Secure

• วิธีสำรองข้อมูลไซต์ WordPress ของคุณ

• วิธีทำให้พีซี Windows ของคุณตื่นโดยไม่ต้องสัมผัสเมาส์

• วิธีดูหน้าแคชและไฟล์จากเบราว์เซอร์ของคุณ

• เปิดพรอมต์คำสั่งในโฟลเดอร์โดยใช้ Windows Explorer

• วิธีลบโฟลเดอร์ Windows.old ใน Windows 7/8/10

• วิธีสร้างแล็ปท็อปของคุณเอง

• วิธีเปิดไฟล์ DDS ใน Windows 10