Tăng tốc website bằng cách nào hiệu quả nhất

Có rất nhiều cách để các bạn tối ưu hóa tốc độ load của website. Tùy vào mã nguồn bạn sử dụng mà có những cách tối ưu khác nhau. Nhưng có một số quy tắt mà bất kỳ website nào cũng cần tối ưu.

Bạn đang thấy tốc độ load của website mình thế nào? Làm sao để kiểm tra được tốc độ load của website? Nhiều người còn khá hoài nghi về tốc độ load của chính website mình  (vì mỗi lần test tốc độ lại cho ra những kết quả khác nhau).

Khi kiểm tra tốc độ website bạn sẽ thấy mỗi lần test thì mỗi lần nó lại khác nhau. Lần đầu có thể nó chậm nhưng test lần sau thì thấy nó nhanh hơn.

Hoặc thậm chí bạn test thì thấy nó khá chậm nhưng khi bạn truy cập trực tiếp thì tốc độ lại khá nhanh. Có khi còn nhanh hơn cả tốc độ bạn đo được.

Vậy đâu là nguyên do của mọi việc ở trên?

  • Tại một thời điểm tùy vào tốc độ đường truyền, tốc độ phản hồi của hosting, đã tối ưu hóa website hay chưa mà tốc độ có sự thay đổi.
  • Trình duyệt của bạn đã lưu cache để tốc độ load lần thứ 2 trở đi được cải thiện hơn
  • Dịch vụ CDN cũng góp phần làm tốc độ load của website thay đổi.

Tăng tốc website bằng cách nào hiệu quả nhất

Mã nguồn mở như WordPress, Joomla, Drupal,.. đều có những plugin tốt để tối ưu hóa tốc độ website.

Tùy vào mã nguồn mà bạn có thể có những cách thức khác nhau. Từ miễn phí đến phải trả một chi phí nhỏ. Ở đây mình chỉ giới thiệu một số cách hoặc chức năng miễn phí để các bạn tham khảo

  1. Tối ưu hóa sử dụng Gzip và htaccess
  2. Tối ưu hóa nội dung, hình ảnh trong bài viết
  3. Dùng plugin để tối ưu hóa: JCH Optimize
  4. Tối ưu hóa trên VPS, hosting

Gzip compression

Tối ưu hóa website sử dụng Gzip và htaccess

Hãy tận dụng chức năng Gzip trên hosting để nén dữ liệu. Kết hợp với Gzip là htaccess lưu cache dữ liệu nhé.

Hãy kiểm tra xem hosting đã được bật Gzip chưa nhé, nếu chưa hãy thực hiện theo cách bên dưới

# BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
# END GZIP COMPRESSION

Để tối ưu thêm nữa các bạn nên chèn tối ưu PageSpeed Insights vào file htaccess như bên dưới

# PageSpeed Insights core#

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE text/x-js
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.formula-template
</IfModule>
# Enable expiration control
ExpiresActive On

# Default expiration: 1 hour after request
ExpiresDefault “now plus 1 hour”

# CSS and JS expiration: 1 week after request
ExpiresByType text/css “now plus 1 week”
ExpiresByType application/javascript “now plus 1 week”
ExpiresByType application/x-javascript “now plus 1 week”

# Image files expiration: 1 month after request
ExpiresByType image/bmp “now plus 1 month”
ExpiresByType image/gif “now plus 1 month”
ExpiresByType image/jpeg “now plus 1 month”
ExpiresByType image/jp2 “now plus 1 month”
ExpiresByType image/pipeg “now plus 1 month”
ExpiresByType image/png “now plus 1 month”
ExpiresByType image/svg+xml “now plus 1 month”
ExpiresByType image/tiff “now plus 1 month”
ExpiresByType image/vnd.microsoft.icon “now plus 1 month”
ExpiresByType image/x-icon “now plus 1 month”
ExpiresByType image/ico “now plus 1 month”
ExpiresByType image/icon “now plus 1 month”
ExpiresByType text/ico “now plus 1 month”
ExpiresByType application/ico “now plus 1 month”
ExpiresByType image/vnd.wap.wbmp “now plus 1 month”
ExpiresByType application/vnd.wap.wbxml “now plus 1 month”
ExpiresByType application/smil “now plus 1 month”

# Audio files expiration: 1 month after request
ExpiresByType audio/basic “now plus 1 month”
ExpiresByType audio/mid “now plus 1 month”
ExpiresByType audio/midi “now plus 1 month”
ExpiresByType audio/mpeg “now plus 1 month”
ExpiresByType audio/x-aiff “now plus 1 month”
ExpiresByType audio/x-mpegurl “now plus 1 month”
ExpiresByType audio/x-pn-realaudio “now plus 1 month”
ExpiresByType audio/x-wav “now plus 1 month”

# Movie files expiration: 1 month after request
ExpiresByType application/x-shockwave-flash “now plus 1 month”
ExpiresByType x-world/x-vrml “now plus 1 month”
ExpiresByType video/x-msvideo “now plus 1 month”
ExpiresByType video/mpeg “now plus 1 month”
ExpiresByType video/mp4 “now plus 1 month”
ExpiresByType video/quicktime “now plus 1 month”
ExpiresByType video/x-la-asf “now plus 1 month”
ExpiresByType video/x-ms-asf “now plus 1 month”
# End PageSpeed Insights core#

Sau khi bật Gzip và tối ưu hóa theo cách trên thì hãy kiểm tra lại tốc độ load website. Đảm bảo có cải thiện tốc độ rỏ rệt

Tối ưu hóa nội dung, hình ảnh trong bài viết

Để tối ưu hóa nội dung rất đơn giản là hãy câu ngắn gọn, không dài hơn 20 từ trong câu. Câu ngắn dễ tiếp nhận và dễ hiểu hơn là giải thích dài dòng.

Phần hình ảnh thì nên được tối ưu trước khi upload lên website. Bạn có thể sử dụng chức năng Save for Web trong Photoshop để giảm dung lượng hình ảnh. Hoặc đơn giản hơn là hãy sử dụng Tool nén hình ảnh online. Một trong những tool mình hay sử dụng là TinyPNG. Có cả plugin nén hình ảnh dành cho WordPress luôn nhé, còn các mã nguồn khác hiện tại chưa có.

Khi nén hình ảnh thì có thể hình ảnh sẽ bị mờ mờ không còn chất lượng như ban đầu nữa, tuy nhiên vẫn có thể chấp nhận được.

optimizweb

Dùng plugin để tối ưu hóa

Ở đây mình giới thiệu plugin mà mình dùng thấy khá ổn là JCH Optimize. Có bản miễn phí và bản Pro cho cả CMS WordPress, Joomla, Magento, Drupal luôn nhé.

Phiên bản miễn phí cũng khá ổn để tối ưu hóa website rồi. Phiên bản Pro thì bổ sung thêm nhiều tính năng nâng cao hơn và ít gặp lỗi khi dùng chung với các tính năng khác như WordPress Supper Cache chẳng hạn.

Còn nhiều plugin dành cho wordpress để tăng tốc website lắm nhé. Đối với các mã nguồn khác cũng vây. Đây cũng là ưu điểm của mã nguồn mở.

Tối ưu hóa sử dụng tính năng nâng cao của VPS, hosting

Để tối ưu hóa được phần này bản phải có chút kiến thức về VPS, Hosting. Có một số script tích hợp vào VPS các bạn có thể tìm trên internet.

Ở đây mình chỉ giới thiệu chứ không nói cụ thể cách thực hiện do có nhiều nhà cung cấp khác nhau, mỗi đơn vị lại có cách khác nhau. Bạn nên liên hệ trực tiếp đơn vị cung cấp để biết thêm thông tin.

Content Protection by DMCA.com
loading...

Bình luận