Tối ưu hóa Server giúp SEO tốt hơn

Mọi người đều biết tốc độ tải trang web không chỉ ảnh hưởng đến người dùng, mà còn là yếu tố ảnh hưởng trực tiếp đến việc xếp hạng của Google, như họ đã khẳng định từ 2010.

Bài viết này sẽ giúp các bạn tối ưu hóa máy chủ để làm SEO tốt hơn thông qua Module Page Speed được Google phát triển. Giúp tăng tốc và cải thiện thời gian tải website nhanh hơn, Module Page Speed đã giúp tối ưu hóa hơn 350000 website trên thế giới, các nhà cung cấp dịch vụ nổi tiếng như DreamHost, GoDaddy, EdgeCast, SiteGround họ cũng sử dụng mod_pagespeed này của Google.

Qua việc tối ưu hóa máy chủ bạn không cần cài thêm bất kỳ plugin nào để hỗ trợ SEO (ngoài trừ All in one SEO Pack,WordPress SEO ra nhé) tốt hơn về mặt kỹ thuật.

Google giới thiệu mod_pagespeed tại địa chỉ: https://developers.google.com/speed/pagespeed/mod

Video clip giới thiệu:

Để đơn giản hóa việc cài đặt Module này, mình giới thiệu website: http://www.prajith.in/?s=pagespeed để các bạn tham khảo thêm.

Đầu tiên, bạn cần cài đặt chương trình hỗ trợ SSH, ở đây mình demo thông qua SSH Secure Shell

Bước 1: Đăng nhập tài khoản Root vào Server.

Bước 2: Tải tập tin cài đặt về server bằng mã lệnh sau:

Code:wget http://prajith.in/scripts/mod_pagespeed-cust-opts.tar.gz

Bước 3: Sau khi tải xong tiến hành cài đặt bằng lệnh sau:
Code:tar -C /var/cpanel/easy/apache/custom_opt_mods -xzf mod_pagespeed-cust-opts.tar.gz

Bước 4: Cài đặt thì có 2 cách, bạn có thể sử dụng tiếp command bên dưới đây để chạy:

Code:/scripts/easyapache

Hoặc cài đặt thông qua EasyApache trên WHM (nếu server bạn sử dụng):

Đây là toàn cảnh của EasyApache, tại đây bạn cũng có thể cập nhật Apache, PHP,… lên phiên bản mới nhất.

Bấm chọn Start customizing based on profile để tiến hành build thêm Module mới này.
Sau đó bấm next để bỏ qua 2 bước Apache Version và PHP Version như giới thiệu bên trên, bạn có thể cập nhật lên phiên bản mới nhất, hoặc không chắc thì cứ bấm Next.

Đến bước 4 (Short Options List), bạn bấm chọn thêm Mod PageSpeed (Customized By Prajith). Còn lại để mặc định, hoặc bạn có ý định cài đặt thêm thì có thể chọn thêm. Ví dụ trong ảnh dưới có Xcache cũng rất phổ biến.

Cuối cùng bấm chọn Save and Build để hoàn tất.

Quá trình cài đặt đang diễn ra, chú ý không tương tác gì thêm.
Sau đó, để tiến hành cấu hình bộ lọc (Filters) để Mod_PageSpeed vận hành theo ý mình, bạn cấu hình tập tinpagespeed.conf nằm ở:

Code:/usr/local/apache/conf/pagespeed.conf

Để tìm hiểu rõ hơn về cơ chế hoạt động, cũng như cách vận hành của từng bộ lọc mời bạn truy cập địa chỉ:https://developers.google.com/speed/pagespeed/module/filters

Ngoài ra, Google cũng tạo website so sánh về các bộ lọc tại địa chỉ: http://modpagespeed.com

Tổng quan bộ lọc của Mod_PageSpeed, phần này đặc biệt rất quan trọng, đòi hỏi người sử dụng phải am hiểu từng Module của Page Speed mới tiến hành cấu hình chuẩn được.

Mình ví dụ 1 cái là lazyload_images, cái này rất phổ biến, khi bạn load website tới đâu nó sẽ hiển thị hình ảnh tới đó, WordPress cũng có plugin này, ví dụ cái Lazy Load này nhé http://wordpress.org/plugins/lazy-load/ nhưng mình có thể đảm bảo với bạn khi đã sử dụng Mod_PageSpeed rồi, thì mấy cái plugin đại loại thế này rất nhạt

Để sử dụng Lazyload, bạn thêm mã:

Code:ModPagespeedEnableFilters lazyload_images




Hoặc đối với đoạn code bên trên chỉ cần thêm dấu phẩy sau các module khác.
Google giải thích về Lazyload Images: https://developers.google.com/speed/pagespeed/module/filter-lazyload-images

Demo về lazyload_images: trước khi sử dụng Page Speed, sau khi sử dụng Page Speed (để có kết quả tốt nhất, bạn nên lướt web ẩn danh để tránh bị lưu cache).

Sau khi cấu hình và save tập tin pagespeed.conf, bạn phải Restart (khởi động lại) Apache thì mới có hiệu lực.

Nhập vào khung tìm kiếm HTTP Server (Apache), sau đó nhấn Yes để xác nhận.

Apache đã được khởi động lại thành công.

Các bạn muốn nhanh hơn 1 chút nữa, thì thêm đoạn này vào tập tin .htaccess nó sẽ lấy cache trình duyệt (chú ý đặt tại thư mục root) nội dung sau:

PHP:
SetOutputFilter DEFLATE
Header set Expires “max-age=29030400, public”
Header unset ETag
FileETag None
ExpiresActive On
ExpiresDefault A600
ExpiresByType image/x-icon A2592000
ExpiresByType application/x-javascript A604800
ExpiresByType text/css A604800
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/plain A1200
ExpiresByType application/x-shockwave-flash A2592000
ExpiresByType video/x-flv A2592000
ExpiresByType application/pdf A2592000
ExpiresByType text/html A600

Nếu có thắc mắc hoặc không hiểu vấn đề nào vui lòng post tại đây để mình giúp đỡ. Hãy thử và cảm nhận tốc độ của website mình nhanh như thế nào nhé.