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/2019Kiến Vương

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 / 5 ( 2 votes )

Nguồn: web Khởi Nghiệp

Kiến Vương
Công ty Kiến Vương với hơn 15 năm trong ngành, hơn 5,000 khách hàng kinh doanh và thương hiệu bậc nhất đang tin dùng các dịch vụ Seo web, thiết kế website của chúng tôi. KienVuong.Vn tự hào là đối tác chiến lược, hỗ trợ nhiều doanh nghiệp trong việc thiết kế web cũng như quảng bá thương hiệu, sản phẩm đến gần hơn với khách hàng trực tuyến. Để nhận được tư vấn miễn phí, quý khách hàng vui lòng liên hệ với chúng tôi qua các thông tin dưới đây nhé!
Previous post Thiết kế trang web bán đồ gốm sứ Next post Thiết kế website bán quà tặng

Leave a Reply Cancel reply

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

Tư vấn dịch vụ (24/7)

Hotline : 0978 251 645
Zalo      : 0978 251 645
Email    : info@kienvuong.vn

Đối tác của Google

parner

Tin liên quan

  • Phân biệt thuật ngữ Hosting, Domain và Source Code
  • Tick xanh Facebook
  • Thiết kế web Hải Phòng
  • Traffic là gì? Tìm hiểu dịch vụ SEO Traffic
  • Chat GPT là gì ?
  • Khởi nghiệp kinh doanh online
  • Thiết kế web xuất nhập khẩu
  • Công ty thiết kế web kinh nghiệm lâu năm
  • Thiết kế website cần gì ?
  • Chi phí thiết kế website bán hàng
  • Thiết kế trang web dịch vụ nấu ăn đặt tiệc
  • Bảng báo giá thiết kế web bán hàng trọn gói
  • Các thành phần cơ bản của website gồm những gì ?
  • Chi phí thành lập website bao nhiêu tiền ?
  • Thiết kế website giới thiệu sản phẩm chuyên nghiệp ấn tượng
  • Thiết kế website bán giày dép online
  • Các mẫu website du lịch đẹp
  • Thiết kế website phòng tập Gym
  • Thiết kế website vận chuyển văn phòng nhà cửa
  • Thiết kế website dịch vụ spa
  • Thiết kế website bất động sản cần lưu ý điều gì
  • Lập website dịch vụ tư vấn tâm lý
  • Thiết kế web công ty
  • Website check imei iphone
  • Bảng báo giá thiết kế website năm 2022
  • Bản Brief mẫu hợp đồng thiết kế website
  • Hướng dẫn cách chạy quảng cáo Facebook hiệu quả
  • Hướng dẫn thiết kế website bằng WordPress năm 2022
  • Thiết kế website nhà thuốc chuyên nghiệp
  • Những gợi ý đặt tên miền hay phù hợp
  • Thiết kế website bán xe Vinfast
  • Thiết kế web bán xe Toyota
  • Mẫu website bán ô tô đẹp
  • Hướng dẫn cách thiết kế logo đơn giản
  • Mẫu thiết kế website bán hàng online đẹp
  • Thiết kế website bán nông sản
  • Danh sách backlink mạng xã hội phổ biến
  • Hướng dẫn sử dụng contact form 7
  • Thiết kế web xưởng may mặc thời trang
  • Top 10 công cụ kiểm tra bài viết chuẩn SEO
  • Thiết kế website bán đồ handmade
  • Thiết kế website bán nệm cao cấp chuẩn SEO
  • Thiết kế và đăng ký bộ nhận diện thương hiệu
  • Thành lập doanh nghiệp trọn gói
  • Thiết kế website bán đồ ăn chay
  • Thiết kế web bán thiết bị năng lượng mặt trời
  • Web bất động sản đẹp
  • Thiết kế web ở thành phố Thủ Đức
  • Xu hướng thiết kế website năm 2021
  • Thiết kế website bán xe Mitsubishi
  • Cách xác thực Google Seach Console cho website
  • Thiết kế website bán bikini
  • Thiết kế website bán ghế tình yêu
  • Tích hợp chat Facebook vào website
  • Thiết kế website bán rượu vang
  • Chi phí thiết kế website là bao nhiêu?
  • Cách kiểm tra tên miền trang web uy tín
  • Gia hạn tên miền
  • Thiết kế web cửa hàng hoa tươi
  • Dịch vụ thiết kế website cho doanh nghiệp trọn gói
  • Các thuật ngữ SEO bạn nên biết
  • Hướng dẫn thiết kế website với WordPress
  • Top 10 giao diện web bất động sản WordPress đẹp
  • Dịch vụ thiết kế web trọn gói
  • Thiết kế website máy in máy photocopy
  • Thiết kế website kinh doanh nước giải khát
  • Dịch vụ tăng like Facebook
  • Thiết kế website homestay
  • Thiết kế website giới thiệu công ty
  • Các loại quảng cáo Google
  • Làm gì sau khi hoàn thành website
  • Thiết kế website công ty sản xuất bao bì
  • Dropship là gì
  • Hướng dẫn sử dụng Shopify
  • Thiết kế website cho thuê áo cưới, trang điểm cô dâu
  • Thiết kế website bán xe đạp
  • 7 kỹ thuật viết lách của một Content Writer chuyên nghiệp
  • Cách tạo trang web hiệu quả
  • Làm website giá rẻ
  • Cách viết bài để website nằm top đầu kết quả tìm kiếm
  • Thiết kế web bán hàng xách tay
  • Dịch vụ đưa trang web lên Google nhanh chóng
  • Đăng ký tên miền
  • Catalogue là gì? Cách làm catalogue sản phẩm đẹp, độc đáo và chuyên nghiệp
  • Tăng doanh thu bán hàng online hiệu quả
  • Thiết kế website bán hạt điều
  • Thiết kế web bán dung dịch rửa tay sát khuẩn y tế
  • Thiết kế website bán khẩu trang y tế
  • 9 lợi ích từ website mà bạn nên biết
  • Dịch vụ thiết kế website lên top Google
  • 5 xu hướng thiết kế website năm 2020
  • Thiết kế website tại Tiền Giang
  • Thiết kế website bán quà tặng
  • Cách tối ưu điểm Google PageSpeed Insight
  • Thiết kế trang web bán đồ gốm sứ

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
Tòa nhà Hancorp Plaza, 72 Trần Đăng Ninh,  Cầu Giấy, HN
226 đường 30/4, P. Rạch Dừa, Tp Vũng Tàu
Email : kienvuongtechnology@gmail.com
Hotline/Zalo : 0978 251 645
Facebook.com/kienvuong.vn
Tài khoản Vietcombank: 0071005058510 – Phan Quang – chi nhánh Tân Bình HCM.

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
  • Trang web hoạt động hiệu quả sẽ đảm bảo khả năng mang về nhiều truy cập, nhiều đơn hàng và hơn hết là khiến khách hàng luôn quay trở lại. Kiến Vương đã mang đến cho khách hàng website hoạt động hiệu quả đúng như mong đợi giúp gia tăng doanh số bán hàng. Công ty Kiến Vương ra đời với sứ mệnh đồng hành và nâng tầm thương hiệu của bạn trên thị trường internet. Chúng tôi giúp bạn phát triển với sự hỗ trợ của hệ sinh thái các giải pháp marketing toàn diện. Đặc biệt với dịch vụ thiết kế website tại Kiến Vương, bạn và doanh nghiệp sẽ có bệ phóng vững chắc cho mọi hoạt động kinh doanh.

    © Copyright © 2010 Công ty TNHH Công Nghệ Kiến Vương. MST : 0313725188.