Các kiểu lazy load ảnh: bạn định chọn kiểu nào?

Plugin lazy load ảnh có rất nhiều phương án để bạn chọn lựa, tất cả đều miễn phí, vì đây là tính năng không khó triển khai, mà cũng không làm người phát triển tốn tài nguyên duy trì. Ngoài ra bạn có thể dùng tính năng này trên hầu hết plugin cache, tối ưu tốc độ khác (có thể có phí). Hiện có nhiều hình thức lazy load ảnh: Nhìn chung tôi cho rằng trên đa số website, cách tải trước ảnh khi nó đi vào khung nhìn trình duyệt là tốt nhất: Lưu ý khi sử dụng lazy …

Đọc thêm

Top 10 lỗi sai vẫn tồn tại dai dẳng trong thiết kế web

Tóm tắt: Một nghiên cứu trên quy mô lớn về tính khả dụng tiết lộ phần lớn những lỗi phổ biến làm hỏng thiết kế web ở thời điểm hiện tại. Chúng không mới và cũng chẳng gây bất ngờ – chúng là những vấn đề đã tồn tại dai dẳng từ lâu và vẫn tiếp tục gây tổn hại cho tính khả dụng của web. – Từ năm 1996, chúng tôi đã soạn ra danh sách 10 lỗi hàng đầu trong thiết kế web. Năm nay (2016), chúng tôi đã hoàn thành một nghiên cứu trên quy mô lớn …

Đọc thêm

Chi phí tương tác

Tóm tắt: chi phí tương tác (interaction cost) là tổng nỗ lực – bao gồm tinh thần và thể chất – mà người dùng phải thực hiện trong tương tác với một trang để đạt được các mục tiêu của họ. Lý tưởng nhất, chúng ta muốn người dùng vào một trang và tìm thấy câu trả lời ở đó, ngay trước mắt họ. Điều đấy có nghĩa là chi phí tương tác bằng zero và đây là chén thánh trong lĩnh vực về tính khả dụng. Thật không may, chi phí tương tác bằng zero hiếm khi đạt được, …

Đọc thêm

Viết kiểu kim tự tháp lộn ngược là gì?

Viết theo kiểu Kim Tự Tháp Lộn Ngược (Inverted Pyramid style) đem lại nhiều lợi ích cho người đọc của bạn, vì vậy đây là kiểu viết mà những người làm nội dung cho web cần học. Kim Tự Tháp Lộn Ngược là gì? Trong nghề làm báo, đây là phương thức bắt đầu nội dung với phần kết luận trước và được gọi là kiểu Kim Tự Tháp Lộn Ngược. Đôi khi nó được gọi là “Front-Loading/Tải Trước”, nghĩa là bạn phải đưa những thông tin quan trọng nhất lên đầu. Kiểu viết này trên web hoặc tin tức có nhiều …

Đọc thêm

CDN giúp tăng tốc website của bạn như thế nào?

Chú thích của người biên tập: bài viết này sẽ lý giải tại sao CDN lại giúp website tải nhanh hơn, cùng các công nghệ căn bản ẩn dưới nó. Về cơ bản có mấy thứ sau: Kiến thức ở bài này rất thích hợp với những ai mới tìm hiểu về CDN. OK, giờ chúng ta sẽ đi vào chi tiết bài viết của Cloudflare nhé. Hầu như tất cả người dùng Internet ngày nay đều đã có các trải nghiệm về lợi ích mà CDN / Content Distribution Network (mạng phân phối nội dung) đem lại rồi. Phần đa …

Đọc thêm

Tính khả dụng là gì?

Tóm tắt: Định nghĩa tính khả dụng thế nào? Khi nào, ở đâu chúng ta có thể nâng cấp nó? Và tại sao bạn lại phải quan tâm cơ chứ? Cái nhìn toàn cảnh xác định các khái niệm quan trọng về tính khả dụng (key usability concepts) cũng như các câu trả lời cơ bản. Cái gì – Định nghĩa về Tính khả dụng Tính khả dụng là thuộc tính chất lượng (quality attribute) đánh giá giá mức độ dễ sử dụng của giao diện người dùng (how easy user interfaces). Từ “tính khả dụng” cũng liên quan đến phương …

Đọc thêm

Các tùy chọn tối ưu hóa CSS trên trang WordPress trong thực tế

WordPress là hệ thống mở điều đó giúp CMS này có vô số theme & plugin hỗ trợ thuận lợi cho người dùng. Tuy nhiên nó cũng tạo ra nhược điểm là các thiết kế bên trong có thể chưa tối ưu. Các lời khuyên về tối ưu tốc độ, hiệu suất cho CSS trước đây thường khuyên chúng ta gộp (combine) các file CSS trên toàn trang thành một file duy nhất và minify (giảm thiểu kích cỡ) của nó. Nhưng điều đó đã không còn là cách tối ưu nhất hiện nay khi các CSS có khả năng …

Đọc thêm

14 công cụ kiểm tra tốc độ website tôi thường dùng

Tốc độ trang web không chỉ có mỗi chỉ số “trang web của tôi tải chưa đến x, y, z giây nào đó”. Còn có nhiều yếu tố khác mà bạn cần xem xét. Dưới đây là danh sách các công cụ và dịch vụ tôi thường sử dụng để đánh giá hoặc kiểm tra tốc độ trang WordPress. Không chỉ WordPress, chúng còn có thể sử dụng để đánh giá bất kỳ website nào. 1. Mắt của bạn Đừng hiểu lầm tôi, tôi không có ý đùa cợt gì đâu. Để tôi dẫn một ví dụ nhé, plugin Flying …

Đọc thêm

Máy chủ gốc là gì? Dù bạn có dùng CDN hay không thì cũng nên hiểu rõ khái niệm này

Vài lời của người biên tập: Công nghệ CDN phát triển vượt trội giúp cải thiện khả năng chịu tải & gia tăng tốc độ website. Điều đó làm giảm tầm quan trọng, cũng như chi phí đầu tư cho máy chủ gốc. Tuy nhiên CDN không hoàn toàn thay thế hosting gốc. Chúng là sự bổ trợ hoàn hảo cho nhau. Mục đích của máy chủ gốc là xử lý và phản hồi các yêu cầu đến từ các máy khách trên mạng. Khái niệm máy chủ gốc (origin server) thường được sử dụng cùng với khái niệm máy chủ biên …

Đọc thêm

Proxy ngược là gì? Và tại sao người quản trị web ngày nay cần biết thuật ngữ này

Vài lời của người biên tập: trong bài viết này Cloudflare giúp chúng ta hiểu rõ hơn khái niệm proxy ngược, một khái niệm căn bản trong bảo mật & kiểm soát truy cập nói chung, và CDN nói riêng. Thật tốt là cách giải thích của họ rất dễ hiểu. Proxy ngược (reverse proxy) là một máy chủ đứng đằng trước các máy chủ web và thực hiện nhiệm vụ chuyển tiếp các yêu cầu của máy khách (ví dụ: trình duyệt web của người dùng) đến các máy chủ web đó.  Các proxy ngược thường được triển khai …

Đọc thêm