Công cụ

Giải thích các tùy chọn của plugin Perfmatters (phần 3)

Bởi

Vô hiệu hóa mã (CSS hoặc/và JS) trên từng bài post/page (cách cơ bản). Bạn có thể đọc phần 1 và phần 2 ở link vừa dẫn. Hiện chúng tôi có tính năng Script Manager trong plugin Perfmatters. Điều này cho phép bạn vô hiệu hóa script trên từng bài post/page. Đây là tính năng rất mạnh mẽ và có thể giúp cải thiện tốc độ trên trang WordPress rất tốt (đặc biệt là trang chủ). Một vài ví dụ áp dụng cụ thể: Plugin phổ biến Contact Form 7 tải bản thân nó trên tất cả các bài post …

Đọc thêm

Giải thích các tùy chọn của plugin Perfmatters (phần 2)

Bởi

Chúng ta tiếp tục tìm hiểu các tùy chọn của plugin perfmatters trong phần 2 này. Bạn có thể tham khảo phần 1 ở đây. jQuery migrate jQuery migrate được thêm vào từ phiên bản WordPress 3.6. Hầu hết các mã giao diện ở frontend và các plugin hiện đại không yêu cầu jquery-migrate.min.js. Trong phần lớn trường hợp, điều này bổ sung lượt tải không cần thiết cho trang của bạn. Bạn có thể thấy file này đang chạy nếu kiểm tra bằng Chrome Devtools Console. Bạn có thể dễ dàng loại bỏ điều này trong plugin perfmatters bằng …

Đọc thêm

Giải thích các tùy chọn của plugin Perfmatters (phần 1)

Bởi

1. Emojis Vô hiệu hóa emojis: Emojis rất vui nhộn (biểu tượng mặt cười, mặt mếu,…), nhưng kể cả khi bạn không sử dụng chúng, chúng vẫn tải một file JavaScript (có tên wp-emoji-release.min.js) trên tất cả các trang trên website của bạn. Điều này không cần thiết và làm gia tăng thời gian tải trang của nhiều website. Vì thế chúng tôi khuyến khích bạn vô hiệu hóa tính năng này. Trong plugin perfmatters bạn đơn giản vô hiệu hóa nó bằng cách bật tùy chọn “Disable Emojis”. Nếu bạn thực sự muốn sử dụng Emojis, chúng tôi khuyên …

Đọc thêm

Giới thiệu plugin Perfmatters dùng để tăng tốc WordPress

Bởi

Vài lời của người dịch: triết lý tăng tốc của plugin Perfmatters bề ngoài trông khác hẳn các plugin tăng tốc khác như nén ảnh (ShortPixel), gộp nén CSS, JS (Autoptimize), cache (LiteSpeed cache)…Điểm khác biệt quan trọng là Perfmatters không bổ sung thêm tính năng mới gì cho trang web cả, ngược lại cách tăng tốc của nó là thông qua việc loại bỏ hàng loạt các tính năng không quan trọng hoặc/và không thiết yếu trên trang, trong đó trọng tâm là việc loại bỏ các file CSS không sử dụng và JS dùng vô tội vạ trên …

Đọc thêm

Hướng dẫn sử dụng Algolia để thay thế công cụ tìm kiếm mặc định trong WordPress

Bởi

Tôi vừa mới bật tính năng “Site search Tracking / Theo dõi tìm kiếm trên trang” trong Google Analytics để xem mọi người tìm kiếm những gì trên blog của tôi (trang WPSpeedMatters của tác giả gốc bài viết này). Tôi phát hiện ra một số kết quả khá thú vị. Có một tỷ lệ đáng kể từ khóa tìm kiếm không có bất cứ kết quả nào trả về! Dưới đây là một vài ví dụ: Vì thế tôi tiến hành tìm hiểu công cụ thay thế, cuối cùng tôi cũng chọn được Algolia. Algolia là công cụ tìm …

Đọc thêm

Giới thiệu plugin WP2Static: Job (phần 4)

Bởi

WP2Static cung cấp quy trình công việc mềm dẻo để tạo website tĩnh, bao gồm quy trình công việc hoàn toàn tự động mà bạn có thể thiết lập thông qua giao diện người dùng (UI). Bài viết này bàn về cách sử dụng Job Queue (hàng đợi công việc), để chúng ta có thể thao tác thủ công hoặc tự động thêm bất cứ kiểu Job nào (hoặc tất cả), bao gồm: detect (phát hiện URL), crawl, post_precess (xử lý hậu kỳ) và deploy (triển khai). Với quy trình công việc bạn muốn có nhiều quyền điều khiển hơn …

Đọc thêm

Giới thiệu plugin WP2Static: Deploying (phần 3)

Bởi

Thực hiện triển khai (deploying) là một phần của quá trình xử lý để giúp trang của bạn có khả năng truy cập công khai (exported). Phần lõi của plugin WP2Static tạo website tĩnh sẵn sàng cho việc triển khai. Các file đã được xử lý hậu kỳ (post-processed) được lưu trữ trên máy chủ của bạn tại thư mục /wp-content/uploads/wp2static-processed-site. Nếu bạn sử dụng các câu lệnh WP-CLI của chúng tôi, điều này sẽ thuận tiện khi triển khai hơn, bạn có thể sử dụng bất cứ công cụ dòng lệnh nào (command line tools). Để có nhiều tùy …

Đọc thêm

Giới thiệu Plugin WP2Static: Post-Processing (phần 2)

Bởi

Pha xử lý hậu kỳ (post-processing phase) của WP2Static tạo một bản sao (copy) cho từng file đã được crawl, thực hiện chỉnh sửa nội dung cần thiết để chuẩn bị đưa vào quá trình triển khai (deployment). Ở mức độ tối thiểu, pha xử lý hậu kỳ sẽ thay thế tất cả các URL trong trang web đã được crawl, chuyển chúng từ URL WordPress động dạng phát triển (ví dụ, http://localhost, https://dev.example.com) thành URL của website thành phẩm truy cập công khai cho người dùng cuối (production site’s URL), chẳng hạn như https://example.com Cách trình hậu xử lý …

Đọc thêm

Giới thiệu plugin WP2Static: Detect & Crawl (phần 1)

Bởi

WP2Static là plugin tạo website tĩnh (static site) dành cho WordPress. Nó là mã nguồn mở hoàn toàn trong phạm vi công cộng (public domain). WP2Static tăng cường quyền riêng tư của bạn và tối thiểu hóa chi phí hosting. Các bước thực hiện Sao chép trang WordPress của bạn để chuyển nó sang vị trí khác (máy tính của bạn hoặc máy chủ gốc khác) Tải về và cài đặt plugin WP2Static Cấu hình các tùy chọn triển khai Cài đặt triển khai tự động hoặc thủ công (Jobs) Kiểm tra bản triển khai / thực hiện bất cứ …

Đọc thêm

Tối ưu Google PageSpeed Insights để tăng tốc độ website

Bởi

Trước khi đi vào chi tiết, bạn nên đọc bài viết này: Tại sao điểm số Google PageSpeed, Pingdom và GTmetrix lại không quan trọng. Google có nhiều công cụ giúp người quản trị web tối ưu hóa tốc độ cho người dùng, ngoài Google AMP, định dạng ảnh WebP, tôi cũng rất thích các lời khuyên bảo từ công cụ kiểm tra tốc độ trang web có tên là PageSpeed Insights. Hãy nhìn điểm của tôi (tiện thể hãy thử kiểm tra luôn điểm trang của bạn): Vậy là nó có điểm rất thấp trên di động, trên máy tính …

Đọc thêm