[Bí Mật] – 6 Bước Tối Ưu Google PageSpeed Insights | VinaHost.VN

Làm thế nào để có điểm trên cao với Google PageSpeed Insights ?. Việc tối ưu khởi đầu từ những bước nào ?. Hãy dành ít phút đọc qua bài viết để làm website tốt hơn. Click Xem !

[Bí Mật] – Tối Ưu Google PageSpeed Insights

toi-uu-google-pagespeed

 

Google Pagespeed Insights là gì?

Google PageSpeed Insights là một nhóm công cụ của Google được phong cách thiết kế để giúp tối ưu hóa hiệu suất của trang Web. Pagespeed Insights sẽ tập trung chuyên sâu hai yếu tố là vận tốc tải trang và tính thân thiện với người dùng. Các thành phần này tuân thủ những chiêu thức về hiệu suất Web của Google, cũng như là tự động hóa tiến trình kiểm soát và điều chỉnh .
pagespeed-vinahostPagespeed Insights là gì?
Số liệu sẽ trả về trải qua bản báo cáo giải trình Pagespeed Insights ( PSI ). Và yêu cầu cải tổ trang sẽ được công cụ này cung ứng cho người dùng. Kể từ cuối năm 2018, PSI được quản lý và vận hành bởi Lighthouse .
Vì thế, những số liệu trong báo cáo giải trình PSI đều dựa trên số liệu từ phòng Lab của Lighthouse. Khi quét trên Web, Pagespeed Insights sẽ cung ứng hai loại tài liệu về cho người dùng :

  • Thứ nhất là dữ liệu phòng thí nghiệm (Lab Data)
  • Hai là dữ liệu thực tế (Field Data)

Lab Data được tích lũy trong môi trường tự nhiên bị trấn áp. Với nhiều thiết bị và mạng Internet đã sắp xếp trước. Vì yếu tố về mạng và thiết bị được kiểm tra tổng lực. Nên hiệu quả trả về sẽ cho người dùng biết yếu tố xảy ra trọn vẹn do hiệu suất Website .
Từ đó họ thuận tiện tìm ra lỗi và khắc phục. Mặt khác, tài liệu thực là tài liệu đã tích lũy qua những lần tải trang thực đến từ người dùng. Từ đây, tất cả chúng ta kiểm tra và xử lý nút thắt Page Speed hoàn toàn có thể xảy ra trong thực tiễn .

Chia sẻ cách tối ưu web lên 99 điểm trên di động PageSpeed Insights

Google vừa ra chuẩn nhìn nhận vận tốc phân phối của web mới khiến mọi người lao đao, chuẩn lần này coi bộ khá nặng nề, nhất là trên di động, mà bản thân thưởng thức thấy hiện tại có trên 80 % người sử dụng thiết bị di động, 10 % sử dụng máy tính bảng, còn lại là trên máy bàn hoặc máy tính thế cho nên tối ưu trên di động gần như là điều tiên quyết ai cũng đang hướng tới .
Với những website lớn thì việc tối ưu đã diễn ra rất lâu rồi, vì sao ư, họ phải đi trước thời đại, cái gì cũng phải tốt nhất để sau này vững mạnh thì không phải làm gì nhiều nữa, thế cho nên những website cần tối ưu thường là những web mới làm, hoặc những web sài 1 thời hạn nó trở nên lừ đừ và phải tối ưu để nó nhanh hơn, tăng thưởng thức người dùng .
Bản thân là một Coder nên những yếu tố cơ bản bao trùm việc tối ưu mình xin tóm gọn như sau :

  1. Tối ưu hoá hình ảnh
  2. Tối ưu hoá css,js 
  3. Tối ưu code
  4. Sử dụng Cache và Preload
  5. Sử dụng Hosting hay VPS(máy chủ ảo) tốt.
  6. Bật nén trong Hosting(VPS) hoặc Sử dụng CDN

Mình xin đi vào chi tiết cụ thể từng yếu tố, nếu những bạn gặp trục trặc ở yếu tố nào thì sung sướng để lại phản hồi, trong năng lực mình sẽ vấn đáp .

1- Tối ưu hoá hình ảnh :

toi-uu-hinh-anh

Hầu hết những website đều có hình ảnh chưa tối ưu, thường thì mình sẽ dùng công cụ gtmetrix để check xem hình nào chưa được tối ưu, mình sẽ làm như hướng dẫn của nó, bản thân gtmetrix sẽ tạo ra 1 ảnh đã tối ưu để mình tải về và quăng lên lại, việc này đơn thuần và ai cũng hoàn toàn có thể làm được. Còn yếu tố nữa là gtmetrix hay báo “ Serve scaled images ”, có nghĩa là một ảnh nào đó nên để đúng size của nó, không dùng ảnh có size lớn hơn rồi bóp nhỏ lại để hiển thị, ví dụ ảnh đó chỉ cần 90 × 90 nhưng lại dùng ảnh kích cỡ 200 × 200 để hiển thị, nhưng vậy code nó phải mất thêm thời hạn bóp nhỏ ảnh rồi mới hiển thị gây hao tài nguyên và cũng không thiết yếu, gặp lỗi này thì cứ tải ảnh cần scaled ( bóp lại ) về, sau đó dùng photoshop hoặc website hoặc plugins ( chỉ dùng cho mã nguồn wordpress ) để bóp nhỏ kích cỡ và quăng lên lại, khuyến nghị nên dùng File Zilla để tải về và quăng ảnh lên .

Các phương pháp tối ưu hình ảnh trước khi upoad lên website:
– Tối ưu hình ảnh với các website online:

– Pugin WordPress giúp tối ưu hình ảnh :

2- Tối ưu hoá css,js:

toi-uu-minify-css

Đa phần web nào cũng có file css và js, thường thì để load nhanh hơn người ta sẽ dùng cách minify(quá trình này loại bỏ các khoảng trắng của các ký tự trống, ký tự dòng mới, ghi chú và ký tự ngoặc nhọn khỏi mã nguồn của bạn) cho css, js.
Với việc có quá nhiều file css và file js, người ta sau khi minify thì thường nối chúng lại để tăng tốc độ tải cho website. Có rất nhiều website giúp bạn minify file css và js có thể hỗ trợ bạn việc này.
Lưu ý : việc làm này có thể gây vỡ giao diện, hãy luôn có 1 bản backup và sử dụng File Zilla để an toàn hơn.

Các Plugins tương hỗ minify CSS – JS WordPress :

  • Autoptimize
  • Fast Velocity Minify

3- Tối ưu code :

Hiện nay có rất nhiều mã nguồn khác nhau, mỗi mã nguồn lại tiềm ẩn vô số theme khác nhau, việc tối ưu code sẽ khó khăn vất vả hơn rất nhiều, vì thế, khi phong cách thiết kế 1 website bạn nên chú ý quan tâm đến việc nó sử dụng theme gì, có thuận tiện tối ưu không, hội đồng tương hỗ lớn không, có update liên tục không, v.v. v …

4- Sử dụng Cached và Preload

Dù bạn sử dụng mã nguồn nào bạn cũng cần phải tạo cache cho web, việc này thì hầu hết web nào cũng phải tạo ra, mục tiêu là để khách truy vấn lần tiên phong web sẽ thực thi thông thường, kể từ lần thứ 2 thì khách truy vấn đúng link đó thì nó sẽ thực thi nhanh hơn vì sử dụng lại file đã tạo ra dạng html nên sever không phải giải quyết và xử lý như lần tiên phong nữa, việc này vừa giúp tăng cường tải trang vừa giúp cho việc sử dụng thấp nhất tài nguyên của Hosting ( VPS ). Với đợt update Google PageSpeed Insight lần này, Google ưu tiên những web có sử dụng hàm “ preload ” trong code, nếu bạn muốn cải tổ vận tốc trên di động trên 90 điểm thì không hề bỏ lỡ việc này, với từ khoá “ Preloading content with rel = ” preload ” + tên_mã_nguồn ” mong là những bạn hoàn toàn có thể tìm kiếm được thứ bạn cần .

Xem thêm: Hướng Dẫn Tối Ưu Tốc Độ Tải Trang [Wordpress] | VinaHost.VN

5- Sử dụng Hosting hay VPS chất lượng.

su-dung-vps-chat-luong

Việc này cũng rất quan trọng, nó bảo vệ cho bạn có sự không thay đổi, trong SEO nó càng quan trọng hơn nữa. Nếu điều kiện kèm theo kinh tế tài chính được cho phép hãy mua 1 VPS để Giao hàng cho sự không thay đổi của sever vì SEO là việc làm lâu dài hơn, nên thời hạn uptime càng cao càng tốt, lý tưởng nhất là 99,99 %, thế thì làm thế nào để nhìn nhận 1 Hosting hay 1 VPS tốt. Bạn coi thử hosting của bạn có những điều này không nhé :

  • Sự ổn định, chưa thấy hoặc không thấy nó rơi vào tình trạng “Waiting for {tên_web_site}” quá lâu, ngay gốc trái màn hình, nếu bạn thấy nó cứ Waiting hoài, hoặc vô lâu nó đơ và trắng trang hoặc lỗi gì đó bằng Tiếng Anh hoặc tiếng Việt mà không phải giao diện của bạn thì bạn nên cân nhắc thay đổi Hosting (VPS) khác.
  • Sử dụng SSD
  • Dùng LiteSpeed
  • Chạy hệ điều hành Centos + CloudLinux
  • Sử dụng Maria Database

Nhiều bạn với chi phí thấp nhưng vẫn muốn sử dụng VPS thì có thể góp mua chung để sài hay hơn là sử dụng Hosting Share.
Để kiểm tra VPS có ok không các bạn đăng nhập SSH trong VPS và dùng lệnh này :
curl -Lso- tocdo.net | bash
Có những thông số bạn cần lưu ý để nhận biết 1 VPS tốt :

  • Loại ảo hoá tốt nhất là KVM & Cloud OpenStack, các loại ảo hoá khác như OpenVZ, XEN không nên sử dụng.
  • Tốc độ trung bình( Average) : cần trên 400 MB/s
  • Read IOPS : trên 35k mới gọi là ổn.
  • Write IOPS : trên 20k mới gọi là ổn.

Xem thêm:  [TOP] – 8 Lưu Ý Cách Chọn (WORDPRESS HOSTING) | VinaHost.VN

6- Bật nén trong Hosting(VPS) hoặc Sử dụng CDN

Khi bạn truy vấn vào site của bạn, một request sẽ được gửi tới server để chuyển file xuống. Những file này càng lớn, càng mất nhiều thời hạn để tải. Bằng cách nén website của bạn và CSS trước khi gửi chúng qua cho trình duyệt sẽ giảm thời hạn tải xuống đáng kể vì files sẽ nhỏ hơn. Vì vậy hiệu quả sau cuối sau khi gzip nén file, size của trang và CSS hoàn toàn có thể giảm tới 60-70 %

Với từng Web Server riệng thì việc bật Gzip cũng khác nhau, có thể kể đến các web server như Apache chúng ta phải chỉnh file .htaccess, với Nginx chúng ta chỉnh file php.ini, với các Web Server khác chúng ta có thể tham khảo anh google, ???
Nếu việc bật Gzip khó khăn với bạn, bạn có thể sử dụng CDN, điển hình CDN miễn phí của Cloudflare có thể giúp bạn việc này, với những website có nhiều lượng truy cập từ nhiều nước khác nhau việc sử dụng CDN gần như bắt buộc.

***Tối ưu hoá mã nguồn WordPress :

Với mã nguồn được các SEOER tin tưởng thì việc tối ưu cũng trở nên bức thiết khi web ngày một chậm hơn
Cũng với những công đoạn trên, các bạn nên làm theo từng bước 1 ở trên để có được kết quả tốt nhất.
Một vấn đề tồn động mà hầu hết các bạn đang gặp phải là lỗi do không nén những file có nguồn gốc từ live chat của facebook và các ứng dụng như comment facebook hay Chúng tôi trên Facebook, Facebook sử dụng ngôn ngữ lập trình riêng trên nền tảng javascript “ReactJS” nên lúc cần phải truy xuất thì phải tham khảo rất nhiều file *.js để trả về kết quả, việc này là không cần thiết, điều cần nhất là inbox vào hộp thư fanpage facebook mà không phải sử dụng plugins, đơn giản nhất là chèn 1 ảnh có biểu tượng chat facebook và link tới hộp thư FanPage dạng m.me/duong-dan-fanpage-facebook và dùng css cố định ảnh đó chạy theo khi mình cuộn trang.

Việc tối ưu file css và js của website với wordpress tất cả chúng ta nên sử dụng plugins cache, với những gì kể trên thì plugins cache đó phải bảo vệ những tiêu chuẩn sau :

  • Có chức năng Preload
  • Minify và nối file js,css
  • Lazy Load ảnh và khung iframe
  • Nhẹ nhàng
  • Tạo cache riêng cho giao diện mobile (cực quan trọng)
  • Tối ưu Database
  • Disable Emojis
  • Hỗ trợ CDN

Tuỳ vào mỗi người sẽ có cách chọn lựa khác nhau, với bản thân thì mình sử dụng Plugins WP Rocket bản Premium để cache, nó chứa các ưu điểm trên và tương thích hầu hết các theme của wordpress.
***************************************************

Câu hỏi : Nếu tôi muốn đạt được 99/100 điểm PSI trên di động sử dụng wordpress, đơn giản nhất tôi sẽ làm gì ?
Trả lời : Bạn chỉ cần cài giao diện Astra phiên bản miễn phí, kết hợp plugins WP Rocket bản Premium ,không sử dụng Page Buider để tuỳ biến trang chủ,dùng VPS tối thiểu 2GB ram, bật CDN từ Clouflare và phải sử dụng chứng SSL có phí

P / S : Không phải cứ PSI cao thì website nó tốt, nó chẳng nói lên điều gì cả, chỉ cần website tải nhanh là được, người phán xét website của bạn suy cho cùng là người dùng, họ là người phán quyết ở đầu cuối chứ không phải Google PSI !
Nếu những bạn vẫn còn do dự ở một chi tiết cụ thể nào đó hãy để lại phản hồi .
Nguồn : https://www.facebook.com/groups/diendanseomxh/permalink/2001863339879785/

>> Thiết Kế Web Giá Rẻ – [ Nhanh – Sạch – Đẹp ]

Summary[Bí Mật] - 6 Bước Tối Ưu Google PageSpeed Insights | VinaHost.VNArticle Name

[ Bí Mật ] – 6 Bước Tối Ưu Google PageSpeed Insights | VinaHost. việt nam

Description

[ HOT ] – Làm thế nào để có điểm trên cao với Google PageSpeed Insights ( 85-100 ). Việc tối ưu khởi đầu từ những bước nào ?. Click Xem !

Author

VinaHost

Source: https://iseo1.com
Category: Marketing

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *