Pagespeed là gì? Phải chăng điểm pagespeed chỉ là để tự kỉ?

dinhphucv

Thượng Đế
Tham gia
09/08/2017
Bài viết
427
Được Like
265
angel~~ Một vài bạn cứ bảo nhiều trang pagespeed thấp vẫn load nhanh!!! load nhanh hay chậm do nhiều yếu tố chứ không phải chỉ riêng điểm pagespeed. Giống như máy chủ đặt ở HCM, bạn ở HCM thì tất nhiên là nhanh rồi. Ví dụ khác là những trang web nhẹ, không sử dụng ảnh, css,js nhiều thì tất nhiên cũng load nhanh hơn những trang bình thường. Nhưng load nhanh không phải là không cần phải tối ưu. Máy chủ bạn đặt ở HCM, mà bạn có khách ở Hà nội thì load vẫn lâu hơn bình thường chứ. Tất nhiên đây là vấn đề máy chủ xa, tối ưu thì cũng ở xa thôi. Nhưng nếu có thể giảm tải thì tốc độ vẫn load nhanh hơn. Ví dụ như ở ảnh này:
Ảnh gốc có dung lượng 48.44 kb
original.jpg

Ảnh này trước khi được upload lên máy chủ mình đã nén một lần bằng tools rồi

Còn đây là ảnh khi mình debug website của mình khi load ảnh đó
debug.jpg

Và đây là ảnh khi dùng IDM để tải file ảnh này
pagespeed.jpg


Chỉ còn 26,92 kb tức là chỉ bằng 55,6% so với ảnh gốc, giảm đi khá nhiều. Thử hỏi khi load thì ảnh nào sẽ load nhanh hơn

Đây là ảnh chụp FTP của mình, không chứa bất kì ảnh nào dài lê thê cả :))
ftp.jpg


Bên cạnh việc nén ảnh xuống dạng webp thì pagespeed còn resize image cho phù hợp vs kích thước hiển thị. Ví dụ như bạn có file ảnh 1000x1000 nhưng khung ảnh bạn chỉ có size 500x500 thì pagespeed sẽ resize xuống mức 500x500 để giảm thiểu tối đa kích thước file ảnh.

Pagespeed không chỉ ngừng ở việc nén ảnh, pagespeed còn nén css, nén html, nén js và được cache lại. Khi có người nào load trang thì những file đã nén sẽ có chỗ để thể hiện.

Bên cạnh đó pagespeed còn có khả năng gọp nhiều file css, js lại với nhau. Ưu điểm là sẽ giảm thiểu DNS mỗi lần tải trang.

Còn phải nhắc đến lazy load nữa. Có thể giải thích đơn giản là lazy load sẽ ưu tiên những thứ sẽ hiện trên màn hình khi load. Như khi bạn cuộn trang vậy. Những ảnh trên cùng sẽ được ưu tiên, những ảnh bên dưới cần phải cuộn trang mới thấy sẽ không được ưu tiên load trước

Trên đây chỉ là một số tính năng cơ bản của pagespeed thôi, còn có rất nhiều tính năng khác nữa. Còn bạn nào muốn đua tốc độ giữa có và không có pagespeed thì đặt alo, pmmm các kiểu đặt kèo ngay nhé.angel~~

Ngoài ra trên còn có thể tăng tốc bằng machine learning! hệ thống sẽ học tập website bạn hoạt động như thế nào, từ đó sẽ có những điều chỉnh phù hợp để gia tăng hiệu suất. Kiểu như làm nhiều lần sẽ quen và nhanh hơn vậy!!!

hi~~ Nếu kết hợp được hai cái trên thì thời gian tải trang sẽ giảm đáng kể, áp dụng cho mọi mã nguồn chứ không riêng gì XenForo nhé. :=D Tiện đây mình nhận setup vps, máy chủ sử dụng Nginx, PHP 7.3.0 mới nhất và tích hợp cả 2 phương pháp trên để nhanh và nhanh hơn nữa. TẤT nhiên là không FREE rồi:D Thời gian setup không quá lâu, tầm 2-3 tiếng
 

antinphat

Thượng Đế
Tham gia
17/05/2019
Bài viết
89
Được Like
36
angel~~

hi~~ Nếu kết hợp được hai cái trên thì thời gian tải trang sẽ giảm đáng kể, áp dụng cho mọi mã nguồn chứ không riêng gì XenForo nhé. :=D Tiện đây mình nhận setup vps, máy chủ sử dụng Nginx, PHP 7.3.0 mới nhất và tích hợp cả 2 phương pháp trên để nhanh và nhanh hơn nữa. TẤT nhiên là không FREE rồi:D Thời gian setup không quá lâu, tầm 2-3 tiếng
Oánh dấu để dành, mà cái này setup trước khi chạy dữ liệu hay có dữ liệu rồi mới setup bạn nhỉ ?
 

dinhphucv

Thượng Đế
Tham gia
09/08/2017
Bài viết
427
Được Like
265
Oánh dấu để dành, mà cái này setup trước khi chạy dữ liệu hay có dữ liệu rồi mới setup bạn nhỉ ?
Này chạy từ hệ thống nên sao cũng được, có dữ liệu thì phải backup thôi không nhất thiết phải là trang mới, chỉ có vps là cần reset lại toàn bộ.
 

antinphat

Thượng Đế
Tham gia
17/05/2019
Bài viết
89
Được Like
36
Này chạy từ hệ thống nên sao cũng được, có dữ liệu thì phải backup thôi không nhất thiết phải là trang mới, chỉ có vps là cần reset lại toàn bộ.
ok khi nào mua vps sẽ nhắn bạn, dự 2 tháng nữa
do đang làm phần mềm nên cần sử dụng vps để chạy cho web nữa.
thanks !
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom