Cách tăng tốc bất kỳ trang web WordPress nào bằng cách sử dụng .HTACCESS

Trang web WordPress của bạn mất quá nhiều thời gian để tải? Bạn có biết rằng một trang web chậm sẽ ảnh hưởng đến SEO và trải nghiệm người dùng của bạn không?

Có một số cách khác nhau để tăng tốc trang web của bạn ngoài việc sử dụng các plugin. Một cách là tận dụng bộ nhớ cache của trình duyệt và một cách khác là nén các tệp của bạn. 

Cả hai đều có thể được thực hiện bằng cách sửa đổi và tối ưu hóa tệp .htaccess(.htaccess) .

Bộ nhớ cache của trình duyệt là gì?

Khi ai đó truy cập trang web của bạn, có các tệp được tải xuống và lưu trữ ở một vị trí tạm thời.

Các loại tệp bao gồm tất cả các tài liệu tạo nên trang web của bạn, chẳng hạn như tệp HTML(HTML) , hình ảnh, JavaScriptCSS . Bộ nhớ cache của trình duyệt(Browser) đề cập đến vị trí tạm thời này cho các tệp đã tải xuống.

Khi bộ nhớ đệm đầy, nó chiếm quá nhiều dung lượng trên máy tính của khách truy cập. Điều này dẫn đến trình duyệt chậm và trang web tải quá lâu.

May mắn thay, có một cách để khắc phục điều này bằng cách chỉnh sửa tệp .htaccess của bạn.

Những gì bạn nên làm đầu tiên

Trước khi bạn bắt đầu chỉnh sửa tệp .htaccess của mình, hãy xem xét các biện pháp phòng ngừa sau:

  • Luôn tạo bản sao lưu tệp .htaccess WordPress(WordPress .htaccess) của bạn trước khi thay đổi nó.
  • Vô hiệu hóa bất kỳ plugin WordPress nào bạn có thể đang sử dụng.(WordPress)
  • Kiểm tra tốc độ trang web của bạn trước khi thực hiện các thay đổi đối với tệp .htaccess để có được số liệu cơ bản. Bạn có thể sử dụng GTmatrix , Pingdom hoặc Google PageSpeed ​​Insights .

Bây giờ bạn đã sẵn sàng sử dụng mã thông qua tệp .htaccess để yêu cầu cài đặt WordPress của bạn lưu vào bộ đệm các tệp tĩnh lâu hơn cho những khách truy cập trở lại trang web của bạn. Bạn có thể sử dụng cPanel hoặc FTP . Xem hướng dẫn bên dưới cho từng loại. 

Sau khi bạn có quyền truy cập vào tệp .htaccess của mình, hãy sử dụng các hướng dẫn bổ sung để thực hiện các chỉnh sửa của bạn. 

Sử dụng cPanel

Đăng nhập(Log) vào cPanel trang web của bạn. Bạn thường có thể đến đó bằng cách nhập yourdomain.com/cPanel vào trình duyệt web của mình.

Đăng nhập(Log) bằng tên người dùng và mật khẩu bạn đã được cấp khi cài đặt WordPress trên miền của mình. Khi bạn đã đăng nhập, hãy tìm và nhấp vào Trình quản lý tệp(File Manager) .

Tệp .htaccess của bạn nằm trong thư mục gốc. Dấu chấm trước tên tệp cho biết đó là tệp ẩn trong cài đặt WordPress của bạn. Đảm bảo đánh dấu vào hộp Hiển thị tệp ẩn(Show Hidden Files) .

Bạn nên tạo một bản sao của tệp trước khi chỉnh sửa vì nếu bạn làm sai, bạn có thể làm hỏng trang web của mình. Để tạo một bản sao, hãy nhấp vào .htaccess và đánh dấu nó. Để lưu một bản sao, hãy nhấp vào nút tải xuống ở menu trên cùng.  

Khi bạn đã tạo xong bản sao của mình, bây giờ bạn đã sẵn sàng để chỉnh sửa tệp. Trong Trình quản lý tệp(File Manager) cPanel của bạn , nhấp chuột phải vào tệp .htaccess và nhấp vào chỉnh sửa(edit) .

Sử dụng FTP

Bạn cũng có thể chỉnh sửa tệp .htaccess của mình bằng ứng dụng FTP . Một ứng dụng khách FTP phổ biến là FileZilla , được sử dụng trong ví dụ bên dưới.

Bắt đầu(Start) bằng cách mở ứng dụng khách FTP của bạn và đưa vào máy chủ lưu trữ của bạn. Đây thường là địa chỉ miền, tên người dùng và mật khẩu của bạn. Nếu bạn không chắc chúng là gì, hãy liên hệ với công ty lưu trữ web của bạn.

Sử dụng các bước sau để truy cập, sao chép và chỉnh sửa tệp .htaccess của bạn:

  • Điều hướng đến thư mục gốc của bạn.
  • Tìm tệp .htaccess, tạo một bản sao và kéo nó vào màn hình của bạn.
  • Giữ một bản sao của bản gốc và chỉnh sửa một bản sao khác trong trường hợp bạn phải khôi phục bản gốc.
  • Sử dụng(Use) trình chỉnh sửa như Notepad để chỉnh sửa tệp.
  • Khi bạn hoàn tất việc chỉnh sửa, hãy tải tệp lên thư mục gốc của bạn.

Nếu bạn đã làm sai, trang web của bạn sẽ không hoạt động. Để khắc phục, hãy tải tệp sao lưu lên. 

Bây giờ bạn đã sẵn sàng thực hiện các thay đổi đối với tệp .htaccess để tăng tốc trang web WordPress của mình .

Nén tệp của bạn bằng Gzip

Nén Gzip(Gzip) làm cho các tệp của bạn nhỏ hơn và giúp chúng tải nhanh hơn. Thêm mã bên dưới vào tệp .htaccess của bạn (bên dưới mã hiện tại) bằng gzip sẽ nén các tệp CSS(CSS) , HTMLPHP .

 <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>

Đừng quên nhấp vào “Lưu thay đổi”.

Bộ đệm trình duyệt

Khi ai đó truy cập trang web của bạn, trình duyệt họ đang sử dụng sẽ tải xuống tất cả các tệp được liên kết với trang mà họ đang truy cập.

Tận dụng bộ nhớ cache của trình duyệt có nghĩa là bạn chỉ muốn tải xuống các tệp cần thiết chứ không phải nội dung không cần thiết. Đây thường là thiết kế và kiểu trang của bạn và đôi khi cũng bao gồm các hàm JavaScript.

Khi bạn sử dụng bộ nhớ cache của trình duyệt, bạn đang yêu cầu máy chủ của mình bỏ qua các phần của trang web đã được tải xuống trước đó cho khách truy cập lặp lại.

Để chỉnh sửa tệp .htaccess của bạn, hãy định vị tệp đó và tạo hai bản sao giống như cách bạn đã làm khi nén tệp như đã nêu ở trên bằng ứng dụng khách FTP hoặc cPanel.

Giữ một bản sao của tệp .htaccess ban đầu trong trường hợp có bất kỳ vấn đề nào với các thay đổi. Thực hiện các chỉnh sửa của bạn trong bản sao khác. 

Thêm mã sau vào bên dưới nội dung hiện tại của tệp .htaccess của bạn:

<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>

Đừng quên nhấp vào Lưu(Save) để giữ các bổ sung vào tệp của bạn.

Nén tệp của bạn và tận dụng bộ nhớ cache của trình duyệt sẽ giảm đáng kể thời gian tải các trang web của bạn. Điều này sẽ giúp trang web của bạn xếp hạng cao hơn trong tìm kiếm và cải thiện trải nghiệm người dùng. Không ai muốn đợi nhiều hơn một vài giây để tải một trang.



About the author

Tôi là kỹ sư phần mềm và có kinh nghiệm với cả Microsoft Office và trình duyệt Chrome. Tôi am hiểu nhiều khía cạnh của phát triển web, bao gồm nhưng không giới hạn ở: HTML, CSS, JavaScript, jQuery và React. Sở thích làm việc với công nghệ của tôi cũng có nghĩa là tôi đã quen thuộc với các nền tảng khác nhau (Windows, Mac, iOS) và hiểu cách chúng hoạt động.



Related posts