Ngày 7: Tối ưu hiệu suất

Tối ưu tốc độ

Nhấn phím F12 trên trình duyệt để mở công cụ Nhà Phát triển. Khi công cụ này được mở lên thì bạn đang ở chế độ Nhà phát triển. Trên thẻ Network vào nút kiểm Disable cache, điều này bắt buộc trình duyệt phải tải lại toàn bộ nội dung website mỗi lần tải lại trang.
Kiểm tra Gzip đang bật. [Gzip giúp nén dữ liệu đường truyền, làm tăng tốc tải trang]
Kiểm tra Bundle đang chạy. [Bundle giúp đóng gói các file thiết kế và javascript thành từng gói, nhằm giảm số lượng file cần tải.]
Xem số lượt Request, dung lượng tải, và thời gian tải trang. Các thông số này càng nhỏ, thì càng tốt.
Kiểm tra Google PageSpeed. Công cụ này giúp bạn đánh giá tốc độ website, trải nghiệm di động, và gợi ý sửa đổi để tối ưu website.
Tối ưu tài nguyên bằng cách loại bỏ hoặc thay đổi dạng ảnh. Vấn đề thường gặp với dạng ảnh PNG, loại ảnh này phù hợp với dạng ảnh nhỏ như logo, hoặc một vài biểu tượng icon. Nhưng với ảnh có kích thước lớn như slide hoặc ảnh sản phẩm thì nên chuyển sang định dạng JPEG sẽ giảm dung lượng file rất đáng kể. Để biết tài nguyên nào có kích thước lớn, bạn chọn sắp xếp theo mục Size. [Trong ví dụ này dung lượng file giảm từ 500kb xuống còn dưới 100kb]
Trên các thiết bị như điện thoại, thì banner hay slide có kích thước lớn là không cần thiết, vì giới hạn chiều rộng của điện thoại. Và để slide hiển thị đầy đủ nội dung và đẹp mắt, bạn nên thiết kế slide, hay banner riêng cho điện thoại. cms4seo hỗ trợ Slide thích ứng di động, nên việc này trở nên đơn giản hơn bao giờ hết. [Trong ví dụ này dung lượng file giảm từ 80kb xuống còn dưới 20kb]
Kiểm tra lại bằng Google PageSpeed.

Thống kê truy cập và hiệu suất tìm kiếm

Chuyển Hướng đến HTTPS. Chứng chỉ SSL không những giúp mã hóa đường truyền giúp an toàn thông tin hơn, nó còn tạo sự an tâm cho khách hàng khi truy cập Website của bạn. Sau khi cài đặt SSL, bạn phải truy cập với giao thức HTTPS thì bạn mới có thể sử dụng chứng chỉ SSL. Để cài đặt chuyển hướng tự động từ HTTP sang HTTPS bạn cần copy và dán mã XML dưới đây vào file Web.config trong thư mục gốc.

<!-- Rewriter HTTPS -->
<rewrite>
  <rules>
	<!-- Redirect www to non-www -->
	<rule name="RedirectWwwToNonWww" stopProcessing="false">
	  <match url="(.*)" />
	  <conditions logicalGrouping="MatchAll" trackAllCaptures="false">
		<add input="{HTTP_HOST}" pattern="^(www\.)(.*)$" />
	  </conditions>
	  <action type="Redirect" url="https://{C:2}{REQUEST_URI}" redirectType="Permanent" />
	</rule>

	<!-- Redirect to HTTPS -->
	<rule name="RedirectToHTTPS" stopProcessing="true">
	  <match url="(.*)" />
	  <conditions>
		<add input="{HTTPS}" pattern="off" ignoreCase="true" />
	  </conditions>
	  <action type="Redirect" url="https://{SERVER_NAME}/{R:1}" redirectType="Permanent" />
	</rule>
  </rules>
</rewrite>

Google Analytic
- Trước tiên bạn truy cập vào trang Google Analytics, nếu lần đầu tiên bạn sử dụng google analytics, bạn chọn click vào nút “Thiết lập miễn phí” (hoặc có thể là nút Bắt đầu đo lường)
- Nhập tên tài khoản, để đơn giản và dễ nhớ, bạn nhập miền website của bạn, rồi chọn click vào nút Tiếp Theo.
- Khung Tên thuộc tính, bạn nhập một tên gợi nhớ có liên quan.
- Chọn Múi giờ báo cáo, Đơn vị tiền tệ, và chọn click vào nút Tiếp theo.
- Chọn quy mô doanh nghiệp của bạn, chọn một vài mục tiêu sử dụng Google Analytic, và click vào nút Tạo.
- Đọc thỏa thuận điều khoản dịch vụ của Google Analytics, và tick chọn vào mục Tôi chấp nhận điều khoản, và click vào nút Tôi chấp nhận.
- Bạn chọn một nền tảng, như hướng dẫn này sẽ chọn Web, chọn giao thức kết nối. Nếu trên thanh địa chỉ website của bạn có hình ổ khóa thì bạn có thể chọn giao thức Https, nếu không thì chỉ nên chọn Http thôi. Tiếp đến, nhập tên miền của bạn vào.
- Mục Tên luồng, nhập tên dễ gợi nhớ, và click vào nút Tạo luồng để lưu lại.
- Tại mục hướng dẫn gắn thẻ, bạn copy Thẻ toàn trang.
- Quay trở lại trang quản lý website của bạn, vào mục cấu hình nhúng Html.
- Dán mã bạn đã copy vào mục Google Analytics, click vào nút Save để lưu lại.
- Mở lại trang cửa hàng bằng một vài trình duyệt web.
- Kiểm tra lại bằng cách mở mục Thời gian thực trên Google Analytic lên, bạn thấy số lượt xem tăng lên.
- Nếu bạn muốn thêm một website khác, bạn chọn mục Quản trị, và click vào nút Tạo tài khoản, các bước còn lại giống như hướng dẫn trên.
Google Webmaster
- Công cụ này giúp quản lý và thống kê hiệu suất tìm kiếm trên Google.
- Đăng nhập bằng cùng tài khoản Google (gmail) đã liên kết với Google Analytic. Lần đầu tiên truy cập, bạn chọn mục Tiền tố URL. Bạn nhập đường dẫn URL đầy đủ, kể cả giao thức HTTPS nếu có. Sau khi đăng nhập thì số liệu sẽ bắt đầu được thu thập, khoảng 1 tháng bạn có thể thấy số liệu thống kê hiện ra ở mục Hiệu suất và Trạng thái lập chỉ mục.
- Bạn cần kiểm tra trước file robot.txt. File này thông báo đến các bộ máy tìm kiếm như Google, Bing, rằng bạn cho phép, hoặc không cho phép chỉ mục index những trang cụ thể. Lưu ý là nếu bạn chặn truy cập toàn trang, điều này có nghĩa website của bạn sẽ không bao giờ tìm kiếm được trên Google hay Bing. Bạn có thể kiểm tra bằng công cụ Google robot.txt Tester. Nhập một địa chỉ cụ thể và click vào nút Kiểm tra. Kết quả sẽ hiện rõ trạng thái cho phép hoặc bị chặn của một đường dẫn cụ thể. Để khắc phục vấn đề, bạn chỉ việc chỉnh sửa lại file robots.txt và upload lên hosting lại.
- Kiểm tra sitemap.xml. Sơ đồ trang sitemap.xml giúp lập chỉ mục dễ dàng và rõ ràng hơn. Bạn có thể kiểm tra sơ đồ trang bằng cách. Trên trang chủ của website bạn thêm /sitemap.xml. Bạn cũng có thể Reindex Sitemap để cms4seo tạo lại sitemap.xml. Trong Webmaster, mục Sơ đồ trang web, bạn nhập đường dẫn của sitemap vào và click vào nút Gửi.
- Bạn có thể kiểm tra trạng thái lập chỉ mục của một trang ở mục Kiểm tra URL. Sau đó click vào nút Yêu cầu lập chỉ mục. Việc này cũng giúp website lập chỉ mục nhanh hơn. Với một số trường hợp Google sẽ thông báo "URL đã bị chặn bởi robots.txt", hãy chắc chắn bạn đã bỏ chặn, và đợi sang ngày hôm sau để Google cập nhật thay đổi trên hệ thống.
- Lấy ví dụ với website trangphucbinhduong.com. Có thể nhập 3 kênh thu thập thống kê khác nhau HTTP, HTTPS, và WWW. Nếu bạn đã cài đặt chuyển hướng HTTPS thì tất cả các giao thức bao gồm cả WWW đều chuyển hướng về HTTPS. Vì vậy chỉ cần nhập một kênh thu thập thống kê HTTPS là được. Số liệu tại mục Hiệu suất cho bạn xem biểu đồ, lượt hiển thị, và số nhấp chuột. Nó cũng cho bạn xem các Từ khóa hàng đầu được liên kết với website của bạn. Mục Trạng thái lập chỉ mục sẽ cho bạn thấy số chỉ mục bị lỗi, và các thông tin liên quan về việc lập chỉ mục. Cần nói thêm là chỉ mục có nghĩa là một trang cụ thể như trang quảng cáo Sản phẩm A đã có trên Google, nhưng để gõ tìm kiếm trên Google để ra Sản phẩm A là việc hoàn toàn khác, nó phụ thuộc vào rất nhiều yếu tố.