0934042379
info@kienvuong.vn
Cam kết hoàn tiền 100% nếu bạn không hài lòng.
Facebook
Twitter
Google+
LinkedIn
Instagram
RSS
  • THIẾT KẾ WEB
    • Thiết kế website bán hàng
    • Thiết kế website doanh nghiệp
    • Thiết kế website du lịch
    • Thiết kế website giáo dục
    • Thiết kế website bất động sản
  • DỊCH VỤ SEO
  • QUẢNG CÁO WEB
    • Dịch vụ SEO website
    • Dịch vụ quảng cáo Adwords
    • Dịch vụ quảng cáo Facebook
    • Dịch vụ Email marketing
    • Dịch vụ quảng cáo website trên Cốc Cốc
  • DỊCH VỤ WEB
    • Dịch vụ tên miền
    • Lưu trữ web
    • Dịch vụ email Plus
    • Thiết kế logo
    • Thiết kế danh thiếp
    • Chăm sóc web
    • Bảo trì website
  • TIN TỨC
    • KIENVUONG BLOG
    • MARKETING ONLINE
    • THỦ THUẬT MÁY TÍNH
    • XÂY DỰNG THƯƠNG HIỆU
  • KHÁCH HÀNG
Cách tối ưu điểm Google PageSpeed Insight

Cách tối ưu điểm Google PageSpeed Insight

28/11/2019admin

Cách tối ưu điểm Google PageSpeed Insight hiện đang là một trong những thước đo cơ bản được dùng để đánh giá về tốc độ cũng như sự thân thiện của website đối với người dùng do chính Google đề xuất ra.

Ngoài ra, khi tối ưu theo hướng dẫn này, thì điểm GTMetrix của website cũng sẽ lên cao. Trong bài viết này, mình sử dụng 1 website với số lượng hình ảnh cơ bản của 1 web bán hàng thông thường.

Trước khi đi vào chi tiết, mình xin có một số lưu ý nhỏ về hình ảnh cho các bạn:
Ưu tiên dùng hình JPG trên website, trừ một số hình ảnh cần nền trong suốt thì mới phải dùng PNG, còn lại thì cứ ưu tiên dùng ảnh JPG nhé
Chú ý: hình ảnh đầu vào nên đúng với kích thước cần thiết tại vị trí hiển thị,để tránh lãng phí tài nguyên và giúp cho quá trình tối ưu thuận tiện hơn.

Sau đây mình xin đi vào chi tiết. Cách tối ưu điểm Google PageSpeed Insight, mình dùng các bước sau:

  1. Dùng WP-Rocket để cấu hình Cache, Optimize CSS, JS, Lazy Load, CDN thông qua Cloudflare.
  2. Dùng plugin EWWW Image Optimizer để tối ưu hình ảnh, và chuyển ảnh về định dạng WebP, một định dạng tải nhanh hơn JGP.
  3. Chuyển các Script về cuối trang (Trong một số trường hợp, nếu hai bước trên chưa cải thiện được điểm số như mong muốn).

HƯỚNG DẪN CÀI ĐẶT VÀ TÙY CHỈNH THÔNG SỐ WP- ROCKET

Ở đây mình dùng Wp-Rocket phiên bản mới nhất 3.4.2. Sau khi cài đặt, các bạn tùy chỉnh thông số như hình dưới:

DASHBOARD

Cách tối ưu điểm Google PageSpeed Insight

Chọn Rocket Tester nếu bạn muốn thử trải nghiệm những bản test của Rocket. Ở đây mình bật lên để trải nghiệm thử. Bật Rocket Analytics để WP Rocket thu thập các thông số của website. Mình chọn tắt đi cho nhẹ bớt.

CACHE

Cách tối ưu điểm Google PageSpeed Insight

Bật Seperate Cache Files for mobile trong trường hợp bạn không sử dụng Responsive và có giao diện mobile riêng. Ở đây mình dùng Responsive nên không bật tính năng này.

FILE OPTIMIZATION

Ở đây mình bật toàn bộ tùy chọn. Có một số trường hợp khi bật toàn bộ tùy chọn sẽ bị lỗi bể giao diện, các bạn có thể tắt bớt tùy chọn Load Java Script Deferred và Combine Javascript nếu có trường hợp lỗi xảy ra.

Cách tối ưu điểm Google PageSpeed Insight

MEDIA

Cách tối ưu điểm Google PageSpeed Insight

Ở phần này mình cũng bật toàn bộ tùy chọn.

PRELOAD

Cách tối ưu điểm Google PageSpeed Insight

Bật toàn bộ tùy chọn

DATABASE

Cách tối ưu điểm Google PageSpeed Insight

Bật toàn bộ tùy chọn

CLOUD FLARE:
Ở đây mình dùng DNS của Clouflare, nên chỗ này sẽ setup thêm CDN Clouflare để tăng tốc độ tải trang. Các bạn vào ADD-ONS , bật ADD ONS Clouflare lên, sau đó điền các thông số API Key, Email , và ID Zone vào.

Cách tối ưu điểm Google PageSpeed Insight

Để lấy thông số GLOBAL API , các bạn đăng nhập vào CloudFlare, ở goc phải chọn My Profile, sau đó chọn Tab Api Tokens, ở mục Global API Key , chọn View:

Cách tối ưu điểm Google PageSpeed Insight

Để lấy thông số Zone ID, các bạn vào CloudFlare, vào domain cần Setup, chọn Tab Overview, và kéo xuống bên dưới sẽ thấy Zone ID

Cách tối ưu điểm Google PageSpeed Insight

Như vậy là mình vừa Setup xong phần 1 – WP Rocket.

CÁCH CÀI ĐẶT VÀ SỬ DỤNG EWWW Image Optimizer

Các bạn tìm và cài đặt plugin EWWW Image Optimizer, sau đó vào Cài đặt – EWWW Image Optimizer để thiết lập các tùy chọn. Ở đây mình chỉ dùng 2 tùy chọn, đó là Advanced, cho chất lượng hình ảnh về 90% , và tùy chọn convert ảnh về WebP . Tùy theo từng yêu cầu cụ thể, các bạn có thể tham khảo thêm các chức năng Resize và Convert.

Cách tối ưu điểm Google PageSpeed Insight

Cách tối ưu điểm Google PageSpeed Insight

Cách tối ưu điểm Google PageSpeed Insight

Sau khi thiết lập xong, các bạn vào Thư viên – Bulk Optimize , bật 2 tùy chọn lên và tiến hành Scan:

Cách tối ưu điểm Google PageSpeed Insight

Chờ cho tiến trình chạy xong, ta sẽ có các hình ảnh được nén lại theo định dạng WebP. Các bạn có thể làm tiếp bước 3:

Chuyển các Script về cuối trang:

Các bạn vào file Functions.php của themes, và thêm vào đoạn code sau ở cuối FIle:

function remove_head_scripts() {
remove_action(‘wp_head’, ‘wp_print_scripts’);
remove_action(‘wp_head’, ‘wp_print_head_scripts’, 9);
remove_action(‘wp_head’, ‘wp_enqueue_scripts’, 1);

add_action(‘wp_footer’, ‘wp_print_scripts’, 5);
add_action(‘wp_footer’, ‘wp_enqueue_scripts’, 5);
add_action(‘wp_footer’, ‘wp_print_head_scripts’, 5);
}
add_action( ‘wp_enqueue_scripts’, ‘remove_head_scripts’ );

OKe như vậy là đã hoàn tất 3 bước.Lúc này bằng mắt thường, các bạn có thể thấy tốc độ tải trang của website đã cải thiện đáng kể. Các bạn tiến hành kiểm tra lại điểm Google PageSpeed Insight và GT Metrix để tận hưởng thành quả nhé ! Tùy từng thời điểm Test và tùy từng website mà số điểm này có thể xê dịch khác nhau. Theo cá nhân mình thì điểm GT Metrix phản ánh chính xác tốc độ website hơn là điểm Google Page Speed Insight .

Các bạn kiểm tra tốc độ load website trên mobile và máy tính bàn tại link sau: https://developers.google.com/speed/pagespeed/insights/

Cám ơn các bạn đã theo dõi bài viết: Cách tối ưu điểm Google PageSpeed Insight!

5.0
01

Nguồn: web Khởi Nghiệp

admin
Previous post Thiết kế trang web bán đồ gốm sứ

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Tin liên quan

  • Cách tối ưu điểm Google PageSpeed Insight
  • Thiết kế trang web bán đồ gốm sứ
  • Thiết kế website chuyển phát nhanh
  • Thiết kế website bán mỹ phẩm
  • Thiết kế website cơ quan nhà nước
  • Thiết kế web bán quà tết hiệu quả
  • Nhà thiết kế website tại Sài Gòn
  • Thiết kế website thuê freelancer có tốt không?
  • Thiết kế trang web du lịch
  • Thiết kế website dịch vụ cầm đồ
  • Thiết kế website ở Cần Thơ
  • Công ty thiết kế web uy tín tại Vũng Tàu
  • Thiết kế website tại Long Khánh Đồng Nai
  • Thiết kế website cho thuê nhà xưởng, kho bãi
  • Dịch vụ chỉnh sửa và nâng cấp website
  • Những Plugin giúp website lên top Google nhanh
  • Thiết kế website quận 9
  • Thiết kế website quận 12 Tp HCM
  • Quảng cáo website hiệu quả với Google Adwords
  • Thiết kế website đặt vé máy bay trực tuyến theo yêu cầu
  • Thiết kế web ở Tp HCM
  • Thành lập trang web chi phí bao nhiêu
  • Chi phí để chạy quảng cáo Google Adwords
  • Dịch vụ quản lý quản trị website chuyên nghiệp
  • Thiết kế trang website tổ yến, yến sào
  • Nhập liệu là gì? Chi phí nhập liệu một sản phẩm là bao nhiêu?
  • Thiết kế web tư vấn kết hôn
  • Thiết kế website bán tinh dầu và máy xông tinh dầu
  • Công ty thiết kế website ở Bà Rịa Vũng Tàu
  • Tư vấn làm website chuyên nghiệp
  • Thiết kế web dược phẩm, bán thuốc
  • Thiết kế web cửa cuốn, nhôm kính, sắt mỹ thuật
  • Dịch vụ tạo địa điểm trên bản đồ Google maps
  • Dịch vụ verify Google Maps
  • Công ty thiết kế web ở thành phố Phan Thiết
  • Thiết kế web bán hàng online chuẩn SEO
  • Công ty thiết kế website bán bất động sản chuyên nghiệp
  • Dịch vụ thiết kế website chuyên nghiệp
  • Dịch vụ thiết kế web theo yêu cầu
  • Công ty thiết kế website nhanh giá rẻ
  • Dịch vụ thiết kế website trọn gói giá rẻ tại Tp Hồ Chí Minh
  • Top những kênh và công cụ Digital marketing hiệu quả nhất
  • Thiết kế website ở Nha Trang Khánh Hòa
  • Thiết kế website tại quận 1
  • Tư vấn thiết kế web tận nơi
  • Thiết kế website quận 7 KDT Phú Mỹ Hưng
  • Dịch vụ thiết kế website tại quận Tân Bình, Tân Phú
  • Mua tên miền
  • Thiết kế website đẹp sang trọng
  • Thiết kế website ở Biên Hòa
  • Thiết kế website vận chuyển kho bãi
  • Thiết kế website bán vé máy bay trực tuyến
  • Thiết kế website bán linh kiện điện tử, điện thoại, máy tính
  • Thiết kế website trọn gói chuyên nghiệp
  • Thiết kế website theo mẫu sẵn giá rẻ
  • Dịch vụ quảng cáo trên Youtube
  • Thiết kế website xuất khẩu lao động
  • Thiết kế web bán hàng tại thành phố Hồ Chí Minh
  • Website là gì? Những khái niệm liên quan đến website
  • Thiết kế website ở Long An
  • Thiết kế website công ty thu hồi nợ
  • Hướng dẫn tối ưu hóa công cụ tìm kiếm Baidu
  • Dịch vụ thiết kế website ở Sài Gòn, thành phố Hồ Chí Minh
  • Làm sao để sử dụng website hiệu quả?
  • Thiết kế website bán hạt dinh dưỡng
  • Thiết kế website vàng bạc đá quý
  • Top 5 công ty quản trị website uy tín
  • Thiết kế website bán thiết bị điện tử
  • Lợi ích quảng cáo Google Adwords mang lại
  • Thiết kế website bán son môi
  • Thiết kế website bán xe hơi, ô tô
  • Thiết kế website dự án bất động sản nhà đất
  • Thiết kế website ở thành phố Đà Lạt
  • Công ty quản trị website hiệu quả
  • Thiết kế web bán sản phẩm nông nghiệp
  • Dịch vụ quảng cáo Google Adwords hiệu quả
  • Thiết kế website 2019 độc đáo
  • Công ty SEO ở Hồ Chí Minh
  • Thiết kế website chuẩn SEO
  • Thiết kế website bán sơn cao cấp chuẩn SEO
  • Thiết kế website WordPress theo yêu cầu
  • Thiết kế website tại Gia Lai
  • Tổng quan về dịch vụ quảng cáo Google Shopping
  • Thiết kế website xưởng gỗ sản xuất đồ nội thất
  • Những công cụ nghiên cứu từ khóa dành cho SEOer
  • Bật mí 7 bước giúp website đạt thứ hạng cao trên Google
  • Dịch vụ viết bài chuẩn SEO
  • Thiết kế website đèn trang trí đẳng cấp
  • Thiết kế website bán thiết bị công nghiệp chuẩn SEO
  • Thiết kế website thiết bị y tế, phòng khám, bệnh viện chất lượng
  • Thiết kế website nhà hàng BBQ cực đẹp
  • Thiết kế website bàn ghế, tủ quần áo
  • Thiết kế web bán đồ ăn vặt, thức ăn nhanh
  • Thiết kế website chăn ga gối đệm sang trọng
  • Thiết kế website dịch vụ kế toán tài chính chuyên nghiệp

Mạng xã hội

Email
Facebook
Twitter
Google+
LinkedIn
YouTube
Instagram
Pinterest
Skype
Medium

Bản đồ đường đi

Liên hệ

452 Nguyễn Văn Công, Q. Gò Vấp, HCM
29 Trần Đăng Ninh, Q. Cầu Giấy, HN
226 đường 30/4, P. Rạch Dừa, Tp Vũng Tàu
Email : info@kienvuong.vn
Hotline/Zalo : 0934.04.2379
Facebook.com/kienvuong.vn
Mã số thuế : 0 3 1 3 7 2 5 1 8 8
Website: www.kienvuong.vn

Dịch vụ nổi bật

> Thiết kế website
> Dịch vụ SEO
> Quảng cáo Google
> Quảng cáo Facebook
> Quản trị website
> Dịch vụ nhập liệu
hài lòng

Điều khoản sử dụng

Giới thiệu
Giao diện mẫu
Quy trình thiết kế web
Hướng dẫn thanh toán
Câu hỏi thường gặp
Liên hệ
Đã thông báo với bộ công thương
  • © Copyright © 2010 Kienvuong Tech™, All Rights Reservered. Công ty TNHH Công Nghệ Kiến Vương.