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

Hướng dẫn sử dụng plugin nén ảnh WP Smush cho WordPress

Bởi

Nén ảnh là một trong các biện pháp giúp bạn tăng tốc WordPress rất hiệu quả, nhất là trên trang có nhiều ảnh. Hôm nay chúng ta sẽ cùng học cách sử dụng plugin nén ảnh WP Smush – công cụ phổ biến giúp tối ưu hóa hình ảnh dành riêng cho người dùng WordPress. WP Smush có tên đầy đủ khá dài: Smush Image Compression and Optimization – với hơn 1 triệu cài đặt, nó là plugin nén ảnh có số lượng người dùng nhiều nhất trên WordPress, và cũng được review rất tốt (gần như 5 sao). Ngoài ra, để bạn có cái …

Đọc thêm

Tìm hiểu sâu về HTTP Caching

Bởi

Tìm nạp tài nguyên qua mạng internet vừa chậm, vừa tốn kém. Các phản hồi nặng yêu cầu nhiều vòng lặp khứ hồi (roundtrips) giữa máy khách và máy chủ (server). Điều này làm khả năng hiện diện của chúng bị trì hoãn, và đồng thời làm trễ thời điểm trình duyệt có thể xử lý chúng. Nó cũng làm phát sinh chi phí dữ liệu (data cost) của người duyệt web. Hệ quả là, khả năng cache và tái sử dụng các tài nguyên đã được tìm nạp trước đó là một yếu tố quan trọng trong việc tối …

Đọc thêm

Đo đạc hiệu suất, tốc độ website bằng mô hình RAIL

Bởi

RAIL là mô hình hiệu suất, tốc độ trang lấy người dùng làm trung tâm (user-centric), mô hình này chia nhỏ trải nghiệm người dùng thành các hành động quan trọng (key action). Mục tiêu cũng như hướng dẫn của RAIL hướng đến là: giúp đỡ các nhà lập trình và người thiết kế đảm bảo được trải nghiệm của người dùng tốt nhất có thể cho từng hành động của họ (người dùng). Bằng cách xây dựng cấu trúc dựa trên tính toán kỹ lưỡng về hiệu suất, RAIL cho phép các nhà thiết kế và lập trình viên …

Đọc thêm

Preload các yêu cầu quan trọng

Bởi

Khu vực cơ hội của Lighthouse bật cờ cảnh báo cho các yêu cầu ở cấp độ thứ ba trong chuỗi yêu cầu quan trọng của bạn như là một ứng cử viên tiềm năng có khả năng preload: Làm thế nào cảnh báo Lighthouse phát hiện các ứng cử viên cần preload? Giả sử chuỗi yêu cầu quan trọng trên trang của bạn trông giống như thế này: Tệp index.html của bạn khai báo <script src=”app.js”>. Khi app.js chạy, nó gọi fetch() để tải về styles.css và ui.js. Trang không thể hiển thị hoàn chỉnh cho đến khi 2 …

Đọc thêm

Trải nghiệm thực tế với link rel=preconnect, sử dụng Script tùy chỉnh bơm vào WebPageTest

Bởi

Vài lời của người dịch: Bài viết này minh họa cho một thực tế là không phải bạn cứ preconnect đến tất cả các tài nguyên của bên thứ ba là sẽ giúp trang của bạn tải nhanh hơn hoặc/và hiển thị nhanh hơn cho người dùng. Điều này là một lời cảnh tỉnh cho chúng ta, và preconnect cũng giống như mọi thứ khác, lạm dụng nó không hề tốt (ưu tiên mọi thứ, nghĩa là không có ưu tiên nào hết). Cách phòng tránh điều này là trước hết bạn phải xác định rõ những gì quan trọng …

Đọc thêm