Cách nhóm và giảm thiểu tài nguyên trong WordPress
Có hiệu suất tốt hơn có thể là ước mơ của tất cả mọi người. Quản lý website , nhóm và giảm thiểu tài nguyên trên WordPress là một trong những điều tốt nhất chúng ta có thể làm cho điều đó nhưng nó có thể thực sự khó khăn. Nhóm tất cả các tài nguyên của bạn (chủ yếu là các tệp css và js) có thể làm lộ website của bạn nếu bạn không phải là lập trình viên vì nó có thể tạo ra xung đột.
WP Speed of Light là giải pháp tốt nhất để thực hiện trang web wordpress của bạn vì nó có rất nhiều tùy chọn để làm cho trang web của bạn tải nhanh với một bảng điều khiển thực sự thân thiện và vâng, một trong những tùy chọn này là nhóm và thu nhỏ tài nguyên. Quá trình bao gồm / loại trừ tệp duy nhất khỏi nhóm và quy trình rút gọn là chìa khóa để tối ưu hóa tùy chỉnh mà không có xung đột.
Chúng tôi sẽ sử dụng một trang wordpress ví dụ cho bài đăng trên blog này và chúng tôi sẽ tìm hiểu cách thực hiện việc này để quá trình định cấu hình mọi thứ sẽ dễ dàng hơn.
Cách thực hiện thu nhỏ WordPress JS và CSS
Chúng ta hãy tìm hiểu cách thực hiện thu nhỏ wordpress js và CSS, nhưng trước tiên, chúng ta cần biết việc thu nhỏ nghĩa là gì mà Min Minifying đề cập đến quá trình xóa dữ liệu không cần thiết hoặc dư thừa mà không ảnh hưởng đến cách xử lý tài nguyên của trình duyệt - ví dụ như nhận xét mã và định dạng, loại bỏ mã không sử dụng, sử dụng tên hàm và biến ngắn hơn, v.v.
Bây giờ những gì chúng ta sẽ làm là kiểm tra tốc độ đến trang của chúng tôi để xem các thay đổi, ví dụ này, chúng tôi đang sử dụng một trang web với thương mại điện tử và một số sản phẩm nên lần đầu tiên nó sẽ tải chậm một chút.
Có, 2,79 giây để tải trang, không tệ nhưng có thể tốt hơn, chỉ cần giảm thiểu js và CSS và xem sự khác biệt, chuyển đến WP Speed of light > SpeedUp> Group & Minify , bạn sẽ có thể để xem menu với tất cả các tùy chọn để thu nhỏ. Phiên bản miễn phí của plugin bao gồm tùy chọn nhóm và thu nhỏ nhưng loại trừ tệp trực quan chỉ có sẵn trong phiên bản PRO Addon .
Các tùy chọn addon PRO là: Loại trừ tập lệnh nội tuyến (Loại trừ tập lệnh nội tuyến khỏi quá trình thu nhỏ), di chuyển tập lệnh đến chân trang (nó cho phép bạn tăng tốc trang web của mình bằng cách di chuyển tất cả các tập lệnh được thu nhỏ sang chân trang), Phông chữ nhóm và Phông chữ Google (Nhóm phông chữ cục bộ và phông chữ Google trong một tệp duy nhất để được cung cấp nhanh hơn) và Loại trừ tệp nâng cao.
Bạn có tùy chọn thu nhỏ, như bạn có thể thấy, JS, CSS và cả HTML bây giờ chỉ cần kích hoạt các tùy chọn này, nhấp vào lưu và tất cả tài nguyên của bạn sẽ được giảm thiểu ngay lập tức, nó có thể gặp rắc rối vì đây là cấu hình nâng cao nhưng mọi thứ có thể được sửa với việc loại trừ một số mã và tệp (với addon chuyên nghiệp ).
Bây giờ tất cả các công việc lập trình viên có thể mất hàng giờ được thực hiện chỉ trong vài giây.
Bước tiếp theo, WordPress tối ưu hóa CSS và JS
Với plugin này, chúng tôi sẽ cho phép wordpress đó tối ưu hóa CSS và js chỉ bằng cách bật các tùy chọn nhóm trên bảng điều khiển, chuyển đến WP Speed of Light > SpeedUp> Group & Minify , bạn sẽ có thể thấy một bảng điều khiển với các tùy chọn để nhóm CSS và js.
Các tùy chọn này cho phép bạn:
- Nhóm JS: Nhóm một số tệp Javascript vào một tệp sẽ giảm thiểu số lượng yêu cầu HTTP
- CSS nhóm: Nhóm một số tệp CSS thành một tệp sẽ giảm thiểu số lượng yêu cầu HTTP.
Yêu cầu HTTP: đây là những yêu cầu được gửi đến máy chủ mỗi khi chúng tôi chọn thứ gì đó hoặc đi đến một trang khác trong cùng trang web để nếu chúng tôi có thể giảm các yêu cầu này, thời gian tải sẽ giảm.
Để kiểm tra số lượng tệp, tập lệnh bạn có thể nhóm trên website , chỉ cần mở bảng điều khiển trình duyệt (nhấp chuột phải> Kiểm tra hoặc F12) và mở bảng điều khiển mạng .
Sau đó, bạn có thể liệt kê tất cả các tệp được tải theo loại, ở đây trong ví dụ này tôi chỉ nhấp vào danh sách tệp JS.
Bây giờ chúng tôi đang ở cài đặt này, chỉ cần bật tùy chọn nhóm (CSS nhóm và JS nhóm) và nhấp vào lưu, lưu ý rằng các tùy chọn này phải được sử dụng một cách thận trọng và bạn sẽ phải kiểm tra trang của mình vì nó có thể gây ra xung đột .
Hãy nghiêm túc và tối ưu hóa trọng lượng phông chữ
Gì? Tối ưu hóa khác? Đúng! bạn sẽ có thể tối ưu hóa trọng lượng phông chữ và nó sẽ dễ dàng như bật tùy chọn trên cài đặt, chỉ cần đi tới WP Speed of Light > SpeedUp> Group & Minify> Group phông chữ và tùy chọn Google Fonts.
Phông chữ nhóm và tùy chọn phông chữ Google sẽ cho phép bạn nhóm chúng trong một tệp duy nhất để được phân phát nhanh hơn, điều này khá tiện dụng vì hầu hết các theme đều có 2 hoặc phông chữ theo mặc định với tất cả các declinaisons (thông thường, in đậm, in nghiêng ...)
Chỉ cần kích hoạt tùy chọn đó, nhấp vào lưu và tất cả các phông chữ sẽ được nhóm lại.
Bây giờ chúng tôi đã kích hoạt tất cả các tùy chọn để thu nhỏ và nhóm các tài nguyên, chúng tôi sẽ thấy sự khác biệt về thời gian tải của trang web của chúng tôi, Hãy kiểm tra tốc độ.
Thật là khác biệt, Từ 2,8 đến 0,56 giây! Như chúng tôi đã nói với bạn ở phần đầu của bài đăng này, chúng tôi có thể cải thiện thời gian tải;)
Cách sử dụng loại trừ thu nhỏ tệp
Việc thu nhỏ có thể gây ra sự cố trong trang web của bạn, nó chủ yếu xảy ra khi bạn nhóm các tệp nhất định có lỗi về lỗi cú pháp hoặc biến tương tự, tên lớp. Đó là lý do tại sao với tùy chọn “loại trừ thu nhỏ tệp”, bạn sẽ có thể loại trừ tệp khỏi quá trình thu nhỏ và nhóm, chuyển đến WP Speed of Light > SpeedUp> Group & Minify , bạn sẽ có thể thấy Loại trừ tệp nâng cao .
Để sử dụng loại trừ tệp nâng cao, bạn sẽ phải chạy quét trước khi bật tùy chọn và nhấp vào Chạy Quét.
Để có thể liệt kê các tập lệnh được tải trên website , WP Speed of Light cần quét thư mục của bạn để liệt kê chúng. Tất cả chúng thường được chứa trong thư mục / wp-content nhóm tất cả các plugin và theme . Chọn thư mục đó (ít nhất) và nhấp vào “Quét ngay”
Nó sẽ chạy quét, cuối cùng, nhấp vào xem kết quả khi quá trình quét hoàn tất.
Danh sách các tệp được phân loại theo loại (Tất cả, JS, CSS, Phông chữ) sẽ được hiển thị bên dưới. Nếu bạn đã xác định một tệp gây ra sự cố, khi kích hoạt nhóm tệp và thu nhỏ, bạn có thể loại trừ tệp đó khỏi đây bằng cách sử dụng trình chuyển đổi BẬT / TẮT .
Điều này sẽ giúp bạn loại trừ các tệp và bằng cách này, dễ dàng giải quyết mọi vấn đề có thể tồn tại khi thu nhỏ tài nguyên… Quá trình nhóm và thu nhỏ vẫn yêu cầu một số công việc, đặc biệt là trong thử nghiệm, nhưng nó chắc chắn đáng nỗ lực và bạn sẽ làm được. luôn có thể kiểm tra cách thức hoạt động của nó bằng cách chạy kiểm tra tốc độ trực tiếp từ WP Speed of Light .
Hãy tiếp tục và dùng thử WP Speed of Light : https://www.joounited.com/wordpress-products/wp-speed-of-light
Khi bạn đăng ký vào blog, chúng tôi sẽ gửi cho bạn e-mail khi có cập nhật mới trên trang web để bạn không bỏ lỡ chúng.
Bình luận