September 6, 2013

Tăng tốc blog sử dụng mod_pagespeed của google


Theo như bài viết giới thiệu về mod_pagespeed của Google thì nó sẽ giúp tăng đáng kể tốc độ website với tối ưu sau:

  • Thay đổi những trang được xây dựng bởi các Hệ thống quản lý nội dung (CMS) nhưng không đụng tới mã nguồn CMS
  • Nén lại ảnh và code HTML tốt hơn
  • Nâng thời gian cache ảnh lên 1 năm, trong khi vẫn cho phép cập nhật những anh đó bất cứ lúc nào

Vậy, nếu server apache của bạn đã hỗ trợ mod_pagespeed thì cần phải làm gì để có thể sử dụng tính năng rất hay này của mod_pagespeed?

Rất đơn giản, bạn chỉ cần làm theo 3 bước sau là xong:
  1. Tạo 1 file .htaccess và đặt ở root trên host website cần dùng. Nếu đã có rồi thì bỏ qua bước này và mở file này lên để edit.
  2. Thêm đoạn code dưới đây vào đầu hoặc cuối file .htaccess tùy bạn, miễn sao nó độc lập là được.

    ModPagespeed on
    ModPagespeedRewriteLevel PassThrough
    ModPagespeedEnableFilters extend_cache
    ModPagespeedRewriteLevel CoreFilters
    ModPagespeedEnableFilters combine_css
    ModPagespeedEnableFilters combine_heads
    ModPagespeedEnableFilters combine_javascript
    ModPagespeedEnableFilters rewrite_css
    ModPagespeedEnableFilters rewrite_javascript
    ModPagespeedEnableFilters inline_css
    ModPagespeedEnableFilters inline_javascript
    ModPagespeedEnableFilters rewrite_images
    ModPagespeedEnableFilters inline_images
    ModPagespeedEnableFilters make_google_analytics_async
    ModPagespeedEnableFilters move_css_above_scripts
    ModPagespeedEnableFilters move_css_to_head
    ModPagespeedEnableFilters sprite_images
    ModPagespeedEnableFilters lazyload_images
  3. Save file .htaccess lại là được (nếu chưa upload thì nhớ đẩy lên hosting nha)
Bây giờ bạn thử mở website của mình lên xem tốc độ đã được cải thiện chưa?


PM: Các bạn hãy vào trang http://developers.google.com/speed/pagespeed/insights/ để kiểm tra tốc độ của website của mình.


Biểu tượng cảm xúcBiểu tượng cảm xúc