ThinkDigital Blog

First Paint : báo cáo thời gian trình duyệt lần đầu tiên hiển thị sau khi điều hướng. Điều này không bao gồm sơn nền mặc định, nhưng bao gồm sơn nền không phải là mặc định. Đây là thời điểm quan trọng đầu tiên các nhà phát triển quan tâm đến tải trang – khi trình duyệt bắt đầu hiển thị trang. Sự khác biệt chính giữa hai chỉ số FP & FCP là: First Paint đánh dấu điểm khi trình duyệt tạo ra bất cứ thứ gì khác biệt trực quan với những gì đã có trên màn hình trước khi điều hướng. Ngược lại, FCP là điểm khi trình duyệt đưa ra nội dung đầu tiên từ DOM , có thể là văn bản, hình ảnh, SVG hoặc thậm chí là một phần tử <canvas>.

RAIL Model là mô hình hoạt động dựa vào những yếu tố làm giảm trải nghiệm của người dùng thành các hành động chính. Mục tiêu và hướng dẫn của RAIL nhằm giúp các nhà phát triển và nhà thiết kế đảm bảo trải nghiệm người dùng tốt cho từng hoạt động này. RAIL cho phép các nhà thiết kế và nhà phát triển xác định mục tiêu một cách đáng tin cậy cho tác phẩm có tác động cao nhất đến trải nghiệm của người sử dụng. Mỗi ứng dụng web có bốn khía cạnh khác nhau cho vòng đời của nó và hiệu suất phù hợp với chúng theo những cách khác nhau: Mục tiêu và hướng dẫn Goals – Những mục tiêu. Các chỉ số hiệu suất chính liên quan đến trải nghiệm người dùng. Vì nhận thức của con người là tương đối hằng, các mục tiêu này không có khả năng thay đổi bất kỳ lúc nào. Guidelines – Hướng dẫn. Đề xuất giúp bạn đạt được mục tiêu. Những điều này có thể cụ thể đối với các điều kiện kết nối phần cứng và kết nối mạng hiện tại và do đó có thể thay đổi theo thời gian. Tập trung vào người dùng Người dùng nhận thấy sự chậm trễ

DOM Content Loaded viết tắt DCL – Đã tải nội dung DOM: khi tài liệu HTML đã được tải và phân tích cú pháp. Lượt tải trang nhanh hơn đã được hiển thị tương quan với tỷ lệ thoát thấp hơn. Sự kiện DOM Content Loaded được kích hoạt khi tài liệu HTML ban đầu đã được tải và phân tích cú pháp hoàn chỉnh mà không cần phải đợi các bản định kiểu, hình ảnh và khung con phụ để hoàn tất tải. Việc tải sự kiện rất khác nhau chỉ nên được sử dụng để phát hiện một trang được tải đầy đủ. Đây là lỗi phổ biến rất phổ biến khi người dùng tải trang, giải pháp DOM Content Loaded sẽ phù hợp hơn nhiều, do đó hãy thận trọng. Trên công cụ Google PageSpeed Insights quy định 03 mức đo thời gian, như sau: Fast: Time FCP mobile < 2.1s & desktop < 1.4s Average: Time FCP mobile < 4.2s & desktop < 2.8s Slow: Time FCP mobile > 4.2s & desktop > 2.8s Nếu bạn muốn DOM được phân tích cú pháp càng nhanh càng tốt sau khi người dùng yêu cầu trang, một số việc bạn có thể làm là bật JavaScript khôn

First Contentful Paint viết tắt FCP : thời gian đo lường khi người dùng nhìn thấy phản hồi bằng hình ảnh đầu tiên từ trang. Thời gian nhanh hơn có nhiều khả năng giữ người dùng tham gia. Trên công cụ Google PageSpeed Insights quy định 03 mức đo thời gian, như sau: Fast: Time FCP mobile< 1.6s & desktop < 1.0s Average: Time FCP mobile <3.0s & desktop < 2.1s Slow: Time FCP mobile > 3.0s & desktop > 2.1s Đó là thời điểm khi người dùng nhìn thấy một nội dung “thỏa đáng” được hiển thị trên một trang web. Chỉ cần một cái gì đó khác với màn hình trống. Nó có thể là bất cứ thứ gì đầu tiên của khung, logo, màu sắc, text… Vì sự khác biệt thời gian kết quả giữa First Contentful và First Contentful Paint viết tắt FCP có thể mất từ ​​mili giây. Sự khác biệt thực sự nhận thấy ngay cả trên màn hình ở trên. Đó là lý do tại sao có chỉ số đại diện cho màu sắc thực đầu tiên của nội dung là có giá trị. FCP được Google Speed Insight lấy dữ liệu trong vòng 30 ngày từ trải nghiệ

Facebook Instant Articles là một định dạng xuất bản trên thiết bị di động cho phép các nhà xuất bản tin tức truyền tải các bài báo tới ứng dụng của Facebook tải và hiển thị nhanh gấp 10 lần so với trang web di động chuẩn, và nội dung hợp tác mà nhà xuất bản có thể chọn sử dụng cho các bài báo họ chọn. Những người duyệt Facebook trong ứng dụng di động của họ có thể xem toàn bộ bài viết trên ứng dụng của Facebook, với định dạng rất giống với trang trên trang web của nhà xuất bản. Hướng dẫn sử dụng và tích hợp với website : https://developers.facebook.com/docs/instant-articles/faq Phân tích Vào thời điểm khởi động, Facebook đã thông báo rằng Instant Articles sẽ tương thích với comScore, Google Analytics và Omniture cũng như nhiều công cụ theo dõi nội bộ của nhà xuất bản. Ngoài ra, Facebook sẽ cung cấp cho nhà xuất bản các phân tích phong phú về hành vi của người dùng trên các Instant Articles. Định dạng Facebook cam kết giữ lại giao diện của các bài viết từ trang web của nhà xuất bản khi

Google PageSpeed Insights viết tắt Google PSI là một bộ tiêu chuẩn đo lường tốc độ và khả năng thân thiện của website do chính Google đề xuất ra. Theo Google, các tiêu chuẩn trong Pagespeed Insights sẽ tập trung vào hai vấn đề chính, đó là tốc độ tải trang và thân thiện với trải nghiệm người dùng. Và nếu các website nào càng được nhiều điểm ở trang đánh giá Pagespeed Insights thì tức là trang đó đáp ứng được càng nhiều các tiêu chuẩn của Google đề ra. Thực tế, các tiêu chuẩn này không cần bạn phải áp dụng toàn bộ vì không phải tiêu chuẩn nào bạn cũng có thể sử dụng trên mọi trường hợp. Nên nếu bạn xem serie này và không có khả năng làm được một số tiêu chuẩn nào đó thì cứ bỏ qua, vì Google không bắt bạn phải đạt tiêu chuẩn hết. Và hiện tại, Google Pagespeed Insights có tất cả 16 tiêu chuẩn đánh giá như sau: 1. Quy tắc tối ưu tốc độ Tránh sử dụng chuyển hướng ở trang đích. Bật chức năng nén dữ liệu gửi về trình duyệt. Cải thiện thời gian phản hồi của máy chủ. Cải thiện bộ nhớ đệm ở tr

White label : Các hồ sơ nhãn hiệu trắng là các bản ghi nhựa vinyl với nhãn trắng. Có một số biến thể với mỗi mục đích khác nhau. Các biến thể bao gồm thử nghiệm ép, quảng cáo nhãn màu trắng và nhãn trắng phẳng. Báo chí thử nghiệm, thường là với việc thử nghiệm ghi trên nhãn, với số catalog, nghệ sĩ và ghi âm thời gian hoặc ngày, là đĩa vinyl đầu tiên được thực hiện tại nhà máy. Chúng được sản xuất với số lượng nhỏ (thường dưới 5 bản) để đánh giá chất lượng của đĩa trước khi sản xuất hàng loạt bắt đầu. Ở Hoa Kỳ, thuật ngữ white label promo (thường được viết tắt là WLP) đề cập đến việc thúc đẩy quảng cáo bằng một nhãn hiệu có cùng một văn bản và nhãn hiệu / tác phẩm nghệ thuật như nhãn thương mại, nhưng với một nền trắng thay vì màu hoặc tác phẩm nghệ thuật tìm thấy trên báo chí thương mại. Các bản ghi âm quảng cáo trắng thường được sản xuất với số lượng lớn hơn bởi các hãng thu âm lớn hơn, thường chứa một tiểu sử của ban nhạc, phân phối dưới dạng đĩa trình diễn (“demo”) cho các nhà phâ

Comma separated value viết tắt csv: Là một định dạng file mà mỗi trường dữ liệu của nó được ngăn cách với nhau bằng một dấu phẩy.

Điều gì đang thay đổi mobile-first index trên Google: Khi ngày càng có nhiều tìm kiếm xảy ra trên điện thoại di động, Google muốn index và kết quả của nó đại diện cho đa số người dùng của họ – là những người dùng tìm kiếm trên các thiết bị di động. Google đã bắt đầu sử dụng các phiên bản di động của trang web như chỉ mục tìm kiếm chính. Công cụ tìm kiếm index là một tập các trang/tài liệu mà chúng đã phát hiện, chủ yếu thông qua việc thu thập web thông qua các liên kết. Google đã thu thập web từ trình duyệt desktop và bây giờ Google đã thay đổi điều đó để thu thập dữ liệu web từ trình duyệt mobile. Google lập chỉ mục khác nhau đối với mobile và desktop: Cuối cùng, kế hoạch của Google chỉ là index một và đó là dựa vào nội dung di động để phục vụ danh sách cho cả người dùng mobile và desktop. Trong thời gian triển khai này sẽ có 2: desktop-first và mobile-first. Một nhóm nhỏ người dùng sẽ nhận được kết quả trong mobile-first index. Đó không phải là một cái gì đó mà bất cứ ai cũng có thể

Responsive web design viết tắt RWD – Thiết kế web đáp ứng: là kiểu mẫu phong cách thiết kế với giao diện, bố cục website thể hiện đẹp, mang tính mỹ thuật với độ hiển thị nội dụng co giãn phù hợp trên tất cả các màn hình thiết bị như desktop, laptop, tablet, smartphone, với mọi độ phân giải màn hình, duy trì sự hiển thị nội dung nhất quán thẩm mỹ trên mọi chế độ phân giải. Một trang web được thiết kế theo là việc điều chỉnh bố trí môi trường hiển thị nội dung bằng cách sử dụng thiết kế dựa trên lưới, hình ảnh co giãn linh hoạt, CSS3 media queries và sự mở rộng các quy tắc của @media. Thiết kế dạng lưới linh hoạt là cách đơn giản để hiệu quả tạo ra việc sắp xếp trật tự các nội dung trình diễn trên trang. Nó triệu gọi kích thước phần tử trang trong các tỷ lệ phần trăm đơn vị tương ứng, chứ không phải là đơn vị tỷ lệ tuyệt đối như pixel hoặc points. Những hình ảnh hiển thị cũng có kích thước giãn nở linh hoạt để ngăn chặn sự hiện thị ra bên ngoài của phần tử chứa chúng. Media queries cho

Graphical User Interface viết tắt GUI – Giao diện đồ họa người dùng: là một thuật ngữ trong ngành công nghiệp máy tính. Đó là một cách giao tiếp với máy tính hay các thiết bị điện tử bằng hình ảnh và chữ viết thay vì chỉ là các dòng lệnh đơn thuần. GUI được sử dụng phổ biến trong máy tính, các thiết bị cầm tay, các thiết bị đa phương tiện, hoặc các linh kiện điện tử trong văn phòng, nhà ở… Phạm vi sử dụng thuật ngữ GUI hầu như chỉ được giới hạn trong các thiết bị có màn hình 2 chiều. Nó ít được sử dụng trong các thiết bị với giao diện có độ phân giải cao như một số thiết bị chơi game (HUD được sử dụng nhiều hơn). GUI được các nhà nghiên cứu tại Xerox PARC phát triển trong thập niên 1970. Ngày nay hầu hết các hệ điều hành máy tính nhiều người dùng đều sử dụng giao diện này. Các thành phần trong GUI Một hệ thống GUI là sự kết hợp của các công nghệ, thiết bị để cung cấp cho người dùng một nền tảng cho phép người sử dụng có thể tương tác với nó. Một chuỗi các thành phần của GUI tuân theo

Advanced Custom Field viết tắt ACF: là một plugin mà rất nhiều lập trình viên WordPress trên thế giới đã và đang khuyên dùng vì nó sẽ rút ngắn thời gian bạn tạo meta box chỉ với vài cú click, thậm chí khâu gọi giá trị custom field của nó để hiển thị ra ngoài giao diện website cũng rất nhanh vì hầu như chúng ta chỉ sử dụng một hàm duy nhất mà plugin này hỗ trợ sẵn. Không cần biết trình độ WordPress của bạn là như thế nào, chỉ cần biết sử dụng WordPress căn bản, một xíu PHP cơ bản là bạn có thể sử dụng plugin này như một chuyên gia. Đó là vì sao mình lại hướng dẫn cụ thể cho plugin này. Hơn thế nữa, dù là plugin nhưng ACF có hỗ trợ bạn export (truy xuất) các field mà bạn đã tạo ra thành code riêng, sau đó bạn có thể dễ dàng nhúng nó vào bất cứ dự án nào. Hiện tại đây là plugin chuyên về Custom Field tốt nhất và có nhiều addon nhất nên bạn sẽ thấy choáng ngộp với số lượng các addon của nó, đủ để bạn làm bất cứ điều gì liên quan đến custom field. Để xem các addon các bạn có thể vào đâ

Meta Bo x là một bộ công cụ mạnh mẽ, chuyên nghiệp dành cho các nhà phát triển để tạo và xử lý mọi thứ liên quan đến hộp meta tùy chỉnh và các trường tùy chỉnh trên website WordPress. Plugin cung cấp một loạt các loại trường và rất nhiều tùy chọn cho mỗi loại trường, cho phép bạn không giới hạn khả năng kiểm soát và tuỳ chỉnh các trường tùy chỉnh. Với các phần mở rộng, bạn có thể dễ dàng xây dựng các hộp meta không chỉ cho các loại bài đăng tùy chỉnh (mặc định) mà còn cho trang cài đặt, meta người dùng, meta hạn. Bạn cũng có thể hiển thị các trường theo cách bạn muốn với các cột, tab hoặc nhóm. Trong WordPress meta box là một khung nhập liệu và các giá trị nhập vào bên trong nó có thể là các custom meta data (dữ liệu vĩ mô – hay còn gọi là custom post field), các dữ liệu này là một loại dữ liệu khác được thêm vào bài viết ngoài các dữ liệu chính như nội dung, title, categories, tags, … Nói tóm lại nó chính là các khung nhập liệu và các giá trị mà bạn nhập vào chính là các dữ liệu được

Uniform Resource Identifier viết tắt URI là một chuỗi kí tự được sử dụng để định danh tên, hoặc tài nguyên trên Internet. Việc định danh này cho phép tương tác với các tài nguyên trên mạng sử dụng một giao thức xác định. Schemes specifying a concrete syntax and associated protocols define each URI. URI xác định tài nguyên theo vị trí, theo tên, hoặc cả 2. URI có 2 nhánh là URL và URN Theo tiêu chuẩn hiện hành RFC 3986 một URI được cấu tạo từ 5 phần: scheme (Sự xếp đặt), authority (nhà cung cấp), path (đường dẫn), query (truy vấn) và fragment (phân mảnh), trong đó chỉ có scheme và path là bắt buộc phải có trong mỗi URI: Cú pháp chung chung là: URI = scheme “:” hier-part [ “?” query ] [ “#” fragment ] Theo đó hier-part là cho một authority tùy chọn và path. Nếu có authority, nó bắt đầu với hai dấu gạch chéo, và đường dẫn phải bắt đầu với một dấu gạch chéo.

Deep link vẫn là cách tiếp cận chính trên Android . Nhưng Apple đã bắt đầu ngăn chặn cách tiếp cận này trên iOS trong năm 2015 bằng việc ra mắt Universal Links. Apple iOS Universal Links Apple đã giới thiệu Universal Link trên iOS 9 như là 1 giải pháp cho việc thiếu các chức năng dự phòng trong các deep link URI. Universal Link là chuẩn của các web link (http://mydomain.com) chỉ đến cả web page và cả phần nội dụng trong ứng dụng. Khi 1 Universal Link được mở, iOS sẽ kiểm tra để xem nếu bất kỳ thiết bị nào đăng ký cho domain này. Nếu có, ứng dụng sẽ launch ngay lập tức mà không cần phải tải trang web. Nếu không, URL (có thể là 1 chuyển hướng đơn giản đến App Store) được load trên Safari. Universal link: https://developer.apple.com/videos/wwdc/2014/?include=101#101 Custom URL scheme: apple://wwdc/2014/?include=101#101 Universal Link hoạt động Trước Universal Link, cơ chế chính để mở ứng dụng khi nó được cài đặt là thử chuyển hướng đến 1 URI scheme trong Safari (được đăng ký trong plist

Structured Data – Dữ liệu có cấu trúc là một dạng dữ liệu được tổ chức và phân loại theo một cấu trúc xác định. Chúng được sinh ra nhằm mục đính lưu trữ và truyền đạt thông tin. Các thông tin có trong Structured Data sẽ được trình bày theo một cấu trúc đã xác định ngay từ đầu. Đây cũng chính là nguyên nhân tại sao chúng được gọi là Structured Data – Dữ liệu có cấu trúc.

Resource Description Framework viết tắt là RDF có nguồn gốc tạo ra từ đầu năm 1999 bởi tổ chức W3C như là 1 tiêu chuẩn để mã hóa siêu dữ liệu ( metadata ). Tên RDF được giới thiệu chính thức trong các tài liệu đặc tả của W3C với nội dung sơ lược. Nội dung thông tin Web được phục vụ chủ yếu cho con người, và máy móc không thể đọc và hiểu được nội dung này. Do đó, rất khó để tự động hóa bất cứ nội dung nào trên Web, ít nhất trên quy mô lớn. Hơn nữa, với lượng thông tin khổng lồ trên Web, chúng ta không thể xử lý chúng chỉ bằng phương pháp thủ công. Vì vậy, W3C đề xuất một giải pháp để mô tả dữ liệu trên Web và có thể được hiểu bởi máy móc, đó chính là RDF. Năm 2004, nhóm làm việc chính về RDF (RDF Core Working Group) tổng hợp bản cập nhật RDF từ các đặc tả từ 6 tài liệu. Dựa trên các tài liệu này, RDF được định nghĩa theo các cách sau: RDF là 1 ngôn ngữ thể hiện thông tin về các tài nguyên web. (theo tài liệu RDF Primer) RDF là 1 framework cho việc thể hiện thông tin trên web (theo tài

JSON-LD viết tắt của JavaScript Object Notation cho Linked Data, là một phương pháp mã hoá Linked Data (Dữ liệu được Liên kết) sử dụng JSON. Đó là mục tiêu yêu cầu nỗ lực của các nhà phát triển để chuyển đổi JSON hiện tại sang JSON-LD. Điều này cho phép dữ liệu được tuần tự theo một cách tương tự như JSON truyền thống. Nó là một Khuyến nghị của Tổ chức World Wide Web. Ban đầu nó được JSON phát triển cho Linking Data Community Group trước khi chuyển sang Nhóm làm việc của RDF để xem xét, cải tiến và chuẩn hóa. RDF (viết tắt từ Resource Description Framework, tạm dịch là Framework Mô tả Tài nguyên) có nguồn gốc tạo ra từ đầu năm 1999 bởi tổ chức W3C như là 1 tiêu chuẩn để mã hóa siêu dữ liệu (metadata). Tên RDF được giới thiệu chính thức trong các tài liệu đặc tả của W3C với nội dung sơ lược. JSON-LD được thiết kế xung quanh khái niệm “ngữ cảnh” để cung cấp thêm ánh xạ từ JSON đến mô hình RDF. Bối cảnh liên kết các đặc tính đối tượng trong một tài liệu JSON với các khái niệm trong một

Google Structured Data Testing Tool là công cụ được Google cho ra đời với nhiệm vụ sứ mệnh duy nhất là kiểm tra cấu trúc của website. Điều này giúp lập trình viên ( coder ) phát hiện ra lỗi và tối ưu hóa đoạn mã (code) thân thiện với công cụ tìm kiếm Google. Đứng trước tham vọng có thể khiến cho cỗ máy tìm kiếm Google hiểu được hoàn toàn ngôn ngữ của con người, Google đã lên kế hoạch để phát triển khả năng đọc hiểu của công cụ tìm kiếm này. Ngoài việc phát triển khả năng hiểu các truy vấn tìm kiếm của người dùng, Gooogle còn sử dụng một tính năng đó là tổ chức và phân bổ các thông tin có trên trang theo mẫu quy định trước – Structured Data. Khi thông tin trên trang được cấu trúc hóa theo một mẫu cố định trước, Google hoàn toàn có thể biết được loại nội dung mà trang web đang nói đến là gì và hoàn toàn có thể dự đoán được nội dung trên trang. Với dữ liệu có cấu trúc, công cụ tìm kiếm Google có thể hiểu rõ hơn nội dung của một trang web để có thể đánh giá và xếp hạng nội dung đó trên bả

Cocos2d-x là một framework dùng để phát triển game, nguồn gốc từ framework nổi tiếng Cocos2d iPhone, điểm khác biệt là nó sử dụng C++ để hiện thực, thay vì Objective-C như bản gốc. Điểm nổi bật:  Cross-platform: Dĩ nhiên, ngày nay hầu hết các framework đều cross-platform. Nhưng vấn đề là Cocos2d-x làm được nhiều hơn hẳn. Open source: bạn có thể làm bất kỳ điều gì với code của nó, bạn cũng có thể đóng góp vào framework nữa để giúp nó phát triển hơn. Light weight & Fast running: Sử dụng C++,Cocos2d-x có hiệu xuất cao, chạy được trên cả những thiết bị cấu hình rất thấp của Android. Simple Easy to Learn APIs: Điềm yếu duy nhất là hệ thống Document của Cocos còn yếu, đôi khi bạn phải đọc của Cocos2d iPhone Lua binding, Js binding: Bạn hoàn toàn có thể sử dụng Lua, hay Javascript để hiện thực sản phẩm của mình, (không nhất thiết là C++). Điều này rất hữu ích đối với những người mới, không mạnh về C++ Tools và Library: Hiện tại có rất nhiều công cụ và thư viện hỗ trợ phát triển game bằng