Xem Nhiều 2/2023 #️ Làm Thế Nào Để Code Jquery Một Cách Tối Ưu Hơn? # Top 8 Trend | Kichcauhocvan.net

Xem Nhiều 2/2023 # Làm Thế Nào Để Code Jquery Một Cách Tối Ưu Hơn? # Top 8 Trend

Cập nhật thông tin chi tiết về Làm Thế Nào Để Code Jquery Một Cách Tối Ưu Hơn? mới nhất trên website Kichcauhocvan.net. Hy vọng nội dung bài viết sẽ đáp ứng được nhu cầu của bạn, chúng tôi sẽ thường xuyên cập nhật mới nội dung để bạn nhận được thông tin nhanh chóng và chính xác nhất.

Bài viết này sẽ giúp các bạn code jquery một cách tối ưu nhất.

Như mọi người đã biết ai mà đã đã code đến js thì cũng đều biết đến jquery 1 thư viện khá là nổi tiếng tầm 3-4 năm trước, nhưng đến bây giờ nó đã ít được sử dụng đến bởi vì có những framework client mới nổi lên như vuejs, reactjs … nhưng số star hay số lượt tải những thư viện này so với thời hoàng kim của jquery thì vẫn còn kém xa =))

Hiện tại những dự án mới họ ít sử dụng jquery nhưng ở những dự án maintain mình chắc chắn mọi người vẫn phải đụng đến jquery, jquery sử dụng rất dễ và đơn giản nhưng sử dụng như thế nào cho hợp lý, code 1 cách clear nhất thì không phải ai cũng biết.

jQuery ready event

Khi mọi người làm việc với jquery thì chắc ai cũng đã làm việc với $(document).ready()và window.onload rồi đúng không, cơ bản là 2 thằng này nó đều chạy khi DOM tree đã được load xong nhưng window.onload sẽ cover lâu hơn 1 tý là nó chờ DOM tree chạy xong rồi image, js, css nghĩa là khi trình duyệt đã load xong mọi thứ thì thằng này nó mới chạy, tuỳ theo với yêu cầu của bài toán thì mọi người dùng cái nào cho hợp lý là được, Bình thường mọi người hay code như thế này đúng không?

$("document").ready(function () { });

Hoặc cách viết ngắn hơn thì sẽ là:

$(function () { });

Rồi mình có 1 câu hỏi:

Cách làm như vậy có ổn không?

Câu trả lời là: “Khá” ổn

Nếu bạn biết chắc chắn môi trường nơi mà code của bạn sẽ được thực thi

Nếu bạn không quan tâm tới hiệu năng khi tải trang

Nếu bạn không quan tâm tới “best practices”

Vậy, cách tốt hơn là gì???

(function ($, window, document) { $(function () { }); }(window.jQuery, window, document));

Với cách viết này code của bạn sẽ clear hơn rất là nhiều, (Ví dụ như trang của bạn đang sử dụng jquery version 1.0.1 mà ai đó import version 1.0.2 vào thì đoạn code

$(function () { });

của bạn có nguy cơ bị lỗi rất cao vì lúc này biến $ nó sẽ không hiểu đang là của version nào, nhưng với đoạn code mới, bạn có thể define version bạn muốn sử dụng trong các hàm của mình bằng cách truyền vào thôi.

(function ($, window, document) { $(function () { }); }(window.jQuery1.0.2, window, document));

DOM manipulation

Làm việc với jquery thì chắc chắn sẽ phải sử dụng đếm DOM đúng không, chúng ta thường thấy rất nhiều những đoạn như này trong dự án

$(".container input#elem").attr("title", $(".container input#elem").text()); $(".container input#elem").css("color", "red"); $(".container input#elem").fadeOut();

Mình lại có 1 câu hỏi:

Cách làm như vậy có ổn không?

Câu trả lời là: “Khá” ổn

Nếu bạn muốn code của mình được lặp lại

Nếu bạn không quan tâm tới hiệu năng

Nếu bạn không quan tâm tới “best practices”

Cách viết tốt hơn là

$("#elem").attr("title", $("#elem").text()); $("#elem").css("color", "red"); $("#elem").fadeOut();

Vì id chỉ là duy nhất nên khi gọi đến element đấy mình chỉ cần gọi đến id thôi, không cần gọi đến những element parent của nó

hoặc cách tối ưu nhất là lưu các selector vào các biến

var elem = $("#elem"); elem.attr("title", elem.text()); elem.css("color", "red"); elem.fadeOut();

hoặc cách tối ưu hơn nữa là Lưu các selector vào các biến

var elem = $("#elem"); elem.attr("title", elem.text()).css("color", "red").fadeOut();

với những cách này sẽ giảm bớt việc truy cập DOM, tăng khả performance cho trang web của bạn 👍

Hay chúng ta cũng hay thấy đoạn này nữa:

var localArr = ["Greg", "Peter", "Kyle", "Danny", "Mark"]; var list = $("ul.people"); $.each(localArr, function (index, value) { });

mình lại có một câu hỏi =))

Cách làm như vậy có ổn không?

Câu trả lời là: “Khá” ổn

Nếu bạn muốn lặp lại việc thêm mới các DOM vào DOM

Nếu bạn thích có một web app nặng nề

Nếu bạn không quan tâm tới “best practices”

với cách trên thì sau mỗi li DOM lại được cập nhật 1 lần, thế có 1 nghìn thẻ li thì phải cập nhật DOM 1 nghìn lần đúng không, khá là tù nhỉ Cách tốt nhất là chỉ cập nhật DOM 1 lần thôi

var localArr = ["Greg", "Peter", "Kyle", "Danny", "Mark"]; var list = $("ul.people"); var dynamicItems = ""; $.each(localArr, function (index, value) { }); list.append(dynamicItems);

Lúc này khi biến dynamicItems đã có dữ liệu rồi thì việc cập nhật DOM chỉ cần 1 lần duy nhất.

Event handling

Phần xử lý sự kiện này mình cũng gặp khá là nhiều đúng không?

$("#longlist li").on("mouseenter", function () { }); });

Cách làm như vậy có ổn không?

Câu trả lời là: “Khá” ổn

Nếu bạn muốn sử dụng một lượng lớn RAM để xử lý các sự kiện DOM

Nếu bạn không có quá nhiều DOM

Nếu bạn không quan tâm tới “best practices”

Cách tốt hơn là gì? – DRY(Don’t Repeat Yourself)

var listItems = $("#longlist li"); listItems.on({ "mouseenter": function () { }, } });

hay cách tốt hơn nữa là

var list = $("#longlist"); list.on("mouseenter", "li", function () { }); });

AJAX

Phần này ai mà biết đến jquery thì không thể nào không động đến thằng này , Chúng ta có thể thấy những đoạn code như thế này trong rất nhiều dự án.

function getName(personId) { var dynamicData = {}; dynamicData["id"] = personId; $.ajax({ url: "getName.php", type: "get", data: dynamicData, success: function (data) { $(".person-name").text(data.name); } }); } getName("2342342");

Cách làm như vậy có ổn không?

Câu trả lời là: “Khá” ổn

Nếu bạn thích code không linh hoạt

Nếu bạn không lo lắng tới việc có quá nhiều ajax request

Nếu bạn không quan tâm tới “best practices”

Với cách làm như trên thì mỗi lần bạn call ajax với những ID khác nhau bạn lại phải tạo đúng 1 function getName khác để xử lý cái data trả về đúng không, như thế ko ổn tý nào, có 1 nghìn hàm chẳng nhẽ code 1 nghìn lần.

Cách tốt nhất – Sử dụng jQuery Promise

function getName(personID) { var dynamicData = {}; dynamicData["id"] = personID; return $.ajax({ url: "getName.php", type: "get", data: dynamicData }); } getName("2342342").done(function (data) { $(".person-name").text(data.name); });

Các tốt hơn là mình tùy biến ID, type, url, data mình truyền vào

function getName($url, $type, $params) { return $.ajax({ url: $url, type: $type, data: $params }); } getName("getName.php", "get", "12121212").done(function (data) { $(".person-name").text(data.name); });

với cách code này bạn có thể dùng đi dùng lại nhiều lần được đúng không.

Kết luận

Ok bài của mình hôm nay đến đây thôi, đây là những thứ mình cũng được học hỏi lại từ những người kinh nghiệm hơn mình mong có thể giúp đỡ được mọi người trong lúc làm dự án.

Tác giả: Trần Văn Mỹ

Vài Mẹo Nhỏ Giúp Bạn Code Jquery Một Cách Bá Đạo Hơn

Hello tất cả thế giới, ngày hôm nay mình sẽ chia sẻ với mọi người một vài thủ thuật trong JQuery mà mình tự tổng hợp được qua quá trình nghịch ngợm khá nhiều với nó. Hi vọng nó sẽ là một tài liệu tham khảo hữu ích cho những bà con nào muốn sử dụng JQuery một cách hiệu quả hơn. OK chúng ta bắt đầu thôi

1 Đừng viết $(DOCUMENT).READY nữa

Nghe có vẻ hơi ghê gớm nhưng thực ra bạn cứ viết như thế này cũng chẳng sao đâu. Từ thời lớp mầm mình vẫn hay viết như thế này mà.

Tuy nhiên bây giờ chúng ta nên viết gọn nó lại như thế này.

Gọn hơn bao nhiêu phải không ạ.

2 Kiểm tra điều kiện khi gọi method

Nói đến kiểm tra điều kiện chúng ta nghĩ ngay đến dùng điều kiện chúng tôi phải không ạ. Cách mà chúng ta vẫn thường làm ví dụ như

Tuy nhiên chúng ta có thể thu gọn nó hơn một chút nữa như sau:

Nhìn nguy hiểm hơn hẳn chưa :v :v :v

3 Chuyển đổi External CSS Resource

Trong nhiều trường hợp chúng ta muốn chuyển đổi CSS cho toàn bộ trang hiện tại. Mà CSS đó đang được viêt tại một file CSS khác. Vậy làm thế nào để thay thế được đây. JQuery giúp chúng ta có thể thực hiện điều này trong một nốt nhạc. Giả sử chúng ta có một đoạn HTML như sau:

Nhiều lúc trong một trang web bạn không muốn người dùng thao tác với chuốt phải, mục đích là gì thì tùy vào từng trường hợp cụ thể. Tóm lại nếu bạn cần cắt phéng cái chuột phải của người dùng thì có thể thêm vào trong file js gốc của trang web đoạn code như sau:

5 Nối chuỗi hay còn gọi là cộng chuỗi

Cách đơn giản nhất là sử dụng dấu cộng như sau:

Đây là cách ngây thơ nhất ta chúng ta có thể làm. Tuy nhiên để nhanh hơn chúng ta nên sử dụng hàm join() như sau:

6 Trả về giá trị mặc định của hàm và kiểm tra điều kiên đúng

Chúng ta thường viết các hàm xét giá trị mặc định bằng cách sử dụng điều kiện if..else. Ví dụ như sau:

Dài dòng quá, chúng ta có thể viết thêm một cách ngắn gọn hơn như sau:

Nhỉn ngắn gọn và nguy hiểm hơn rất nhiều phải không nào. Ngoài ra khi kiểm tra điều kiện đúng để thực hiện một công việc nào đó, thay vì thực hiện:

Chúng ta có thể làm như sau:

Cũng đơn gian và nguy hiểm không kém.(^_^)

7 Sử dụng template

Mời xem code sẽ hiểu ngay ý đồ

Vậy là OK rồi đóa

Tham khảo

Tổng hợp các thủ thuật JQuery Lời cuối cùng cho phép em được gửi lời cảm ơn chân thành nhất đến bác Google đã cung cấp cho em rất nhiều bí kíp võ công để em tập tành trong thời gian rảnh. Cảm ơn bác Viblo đã cho em mảnh đất dụng võ để em còn có nơi tập tành và thi triển với bà con. Em xin chân thành cảm ơn và chúc hai bác ngày càng phát triển ạ.

All Rights Reserved

Cách Tối Ưu Hóa Máy Tính Để Chơi Game Mượt Mà Hơn

Cách Tối Ưu Hóa Máy Tính Để Chơi Game Mượt Mà Hơn

Thứ sáu, 02/04/2021 10:21

CÁCH TỐI ƯU HÓA MÁY TÍNH ĐỂ CHƠI GAME

Cách tối ưu hóa máy tính để chơi game bao gồm: tối ưu phần cứng, phần mền và card đồ họa: 

A. TỐI ƯU PHẦN CỨNG:

1. Nên vệ sinh laptop định kì.

Bụi bẩn tích tụ ở phần cứng là một trong những nguyên nhân ảnh hưởng lớn đến hiệu năng của laptop. Khi sử dụng lâu ngày, bụi bẩn tích tụ khiến cho khả năng tản nhiệt của máy bị giảm, tăng nguy cơ chập cháy các bộ phận nhất là CPU và GPU do 2 bộ phận này tỏa nhiệt nhiều nhất trong máy, từ đó làm cho hiệu suất chơi game của bạn không được mượt mà như trước nữa.

Nên vệ sinh laptop định kì ít nhất 6 tháng/lần

2. Nâng cấp phần cứng: RAM, SSD

Nếu bạn muốn laptop của mình có thể chiến “ngon lành” các tựa game online đang hot hiện nay thì RAM và SSD cần phải đủ mạnh để có thể đảm đương một cách tốt nhất. Nếu dung lượng RAM hiện tại của bạn không đủ điều kiện của game thì nên nâng cấp RAM (tốt nhất lên hẳn 16GB), bên cạnh đó việc nâng cấp ổ SSD cũng sẽ giúp tối ưu hóa máy tính chơi game, làm cho hiệu suất chơi game của bạn được cao hơn.

Ram và SSD là những phần cứng bạn cần quan tâm đối với laptop gaming

B. TỐI ƯU PHẦN MỀM LAPTOP:

1. Tối ưu hóa cho Windows:

Nếu bạn đã sở hữu một chiếc laptop gaming có phần cứng ổn định rồi thì việc tiếp theo là bạn cần tối ưu hóa win 10 để chơi game, bao gồm những công việc như sau:

Cập nhật Driver mới nhất cho laptop:

Nên cập nhập Driver cho laptop thường xuyên

Có thể nói GPU chính là cốt lõi của việc chơi game. Và GPU luôn yêu cầu driver phải luôn là phiên bản mới nhất để giữ cho nó hoạt động nhanh và tốt hơn. Chính vì vậy, việc thường xuyên kiểm tra, cài đặt driver GPU luôn là ưu tiên hành đầu mà bạn nên làm nếu muốn có được một trải nghiệm game tốt nhất.

-   Quản lý cập nhật tự động:

Quản lý tự động update của windows 10

Quản lý cập nhật tự động là một trong những cách tối ưu hóa win 10 chơi game hiệu quả. Bởi vì Windows 10 sẽ tự động cập nhật hệ điều hành mỗi khi có cập nhật từ Microsoft, và nó sẽ tự lên lịch khởi động lại mà không cần sự cho phép của người dùng và còn rất nhiều phiền toái khác gây ảnh hưởng trong khi bạn chơi game. Do đó, nếu bạn đang sử dụng Windows 10 thì việc tắt chế độ tự động cập nhập hệ điều hành khi chơi game là điều cần thiết.

-   Tắt các services và effect không cần thiết:

Trước khi khởi chạy game bạn nên tắt bớt những ứng dụng không cần thiết là cách làm cho laptop chơi game mượt hơn. Bởi lẽ có rất nhiều phần mềm, tiến trình của nó đi kèm theo rất khó chịu và đôi khi nó còn tự ý tải và update phần mềm về máy tính gây lag cho bạn trong quá trình chơi game.

-  Set Ram ảo:

RAM ảo là một bộ nhớ đệm hoạt động song song với RAM vật lý, được sử dụng khi RAM vật lý đã được sử dụng hết nhằm tăng dung lượng bộ nhớ đệm. Dung lượng RAM ảo được đổi từ một phần dung lượng của ổ cứng, Windows lấy ổ cứng làm RAM ảo sẽ giúp các tựa game đang cần RAM có thêm bộ nhớ để tiếp tục hoạt động ổn định hơn.

2. Tối ưu Windows khi chơi game.

– Kích hoạt chế độ Game Mode trong Windows 10:

Chế độ Game Mode nằm trong ứng dụng Xbox có sẵn trong Windows 10 (nếu đã gỡ bỏ ứng dụng này bạn có thể tải lại tại Windowss Store). Khi chế độ này được bật, nó sẽ đảm bảo hệ điều hành khởi chạy game với những thiết lập được tối ưu nhất, điển hình là phân bổ việc sử dụng GPU, CPU hay tạm dừng hoặc đóng một số tác vụ nền không cần thiết để bạn có trải nghiệm game mượt mà với khung hình tốt hơn.

Kích hoạt Game Mode

– Cài đặt phiên bản DirectX mới nhất:

DirectX 12 hiện đang là phiên bản mới nhất của công cụ API phổ biến dành cho Microsoft. Đây là một cách làm laptop chơi game mượt hơn trên Windows 10 vì nó cung cấp hỗ trợ cho nhiều lõi GPU và CPU, giúp tốc độ khung hình tốt hơn, mức tiêu thụ điện năng thấp hơn và hiệu ứng đồ họa được nâng cao.

Kiểm tra phiên bản DirectX

– Kiểm tra tốc độ mạng là cách tối ưu hóa máy tính để chơi game online tốt hơn:

Để có những giây phút chiến game online đỉnh cao thì cấu hình máy, phần cứng và driver là những điều kiện cần. Còn điều kiện đủ tất nhiên phải nhắc đến tốc độ mạng Internet.

Khi chơi game online thì tốc độ của mạng là yếu tố quan trọng

Thông thường khi chơi game online bạn sẽ gặp phải trường hợp máy bị “lag”, đó  là biểu hiện kết nối giữa laptop và router bị chậm. Thông qua các bản Windows Update thì đa số driver của card mạng không dây có trên laptop đã được cập nhật, tuy nhiên nếu mạng vẫn lag thì bạn hãy thử dùng cổng Ethernet có dây để kết nối laptop với router khi chơi game.

– Sử dụng chế độ nguồn điện tối đa khi chơi game:

Windows mặc định sẽ sử dụng chế độ nguồn điện thấp để giữ hiệu suất laptop ở mức bình thường. Tuy nhiên, cách tối ưu hóa máy tính để chơi game tốt hơn là bạn nên sử dụng chế độ nguồn điện tối đa trên Windows 10.

Vào Setting tìm kiếm Power

Cửa sổ Power Options sẽ xuất hiện, bạn chỉ cần nhấp chọn High performance và thử trải nghiệm.

Tùy chọn thiết lập nguồn điện

LƯU Ý: Các bạn nên ghim sạc laptop trong suốt quá trình chơi game để giúp CPU và card đồ họa chạy hết công suất để giữ mức FPS trong game luôn được ổn định. Đây là cách tối ưu hóa máy tính để chơi game mà các gamer nào cũng cần phải biết đấy.

– Tinh chỉnh trong Game Setting:

Một trong những cách làm máy tính chơi game mượt hơn là sử dụng điều chỉnh thiết lập ngay trong game đó. Một số game sẽ cho phép bạn điều chỉnh các thiết lập hiển thị trước khi bắt đầu chơi, một số game khác thì bạn có thể nhấn phím ESC trong lúc chơi để vào phần thiết lập này.

Điều chỉnh các thiết lập về hiển thị sẽ giúp cải thiện hiệu suất chơi game hơn, đồng nghĩa sẽ làm giảm chất lượng đồ họa. Bạn nên thử tất cả các chế độ cài đặt mà game hỗ trợ và chơi thử, từ đó chọn ra cài đặt tối ưu nhất.

C. TỐI ƯU CARD ĐỒ HỌA:

1. Điều chỉnh thiết lập đồ họa 3D:

Hầu hết laptop gaming cho phép gamer quản lý và tinh chỉnh các thiết lập 3D thông qua một bảng điều khiển đồ họa. Bạn có thể  truy cập vào các thiết lập 3D trên máy tính xách tay AMD hoặc NVIDIA và tiến hành tùy chỉnh để cải thiện hiệu suất khi chơi game.

Thông thường để truy cập vào đồ họa 3D, tại màn hình chính nhấp chuột phải và chọn Graphics Properties (các hãng máy tính và các loại card màn hình khác nhau sẽ có cách truy cập khác). Tại phần Global Setting bạn có thể tùy chỉnh giữa Quality (chất lượng) và Performance (hiệu suất).

Tối ưu đồ họa 3D

+ Nếu bạn chuột nghiêng về hiệu suất: máy sẽ tắt hầu hết các thiết lập nâng cao, giúp cải thiện về tốc độ để nâng cao hiệu suất chơi game, nhưng giảm khả năng đồ họa 3D.

+ Nếu nghiêng chuột về chất lượng: đồ họa 3D sẽ được cải thiện hơn, tuy nhiên hiệu suất sẽ giảm đi vì card đò họa phải chạy tối đa năng suất và có thể dẫn đến tốc độ khung hình chậm hơn.

2. Điều chỉnh cài đặt Texture và Shader:

Bạn cần điều chỉnh các thiết lập cho card đồ họa của mình, đặc biệt trong trường hợp cần chạy một game nào đó. Bộ nhớ có trên GPU của laptop cũng giới hạn những tùy chọn này, do đó bạn cũng nên cân nhắc các thiết lập cần thiết cho mỗi game của mình. Tóm lại, việc điều chỉnh Texture ở độ phân giải cao sẽ tiêu tốn khá nhiều RAM, ảnh hưởng đến tốc độ khung hình.

Điều chỉnh cài đặt Texture và Shader

Bạn cũng có thể cài đặt Texture và Shader cho từng game. Điều này rất hữu ích nếu một trò chơi cũ hơn có khả năng chạy với setting cao.

Ngoài ra, bạn vẫn có thể điều chỉnh cài đặt video của từng trò chơi  trong phần cài đặt hiển thị video. Quá trình này sẽ mất một khoảng thời gian để tìm kiếm cài đặt video tối ưu cho game mà bạn muốn. Tuy nhiên, khi đã thiết lập được sự cân bằng về chất lượng hiệu suất, bạn sẽ thấy rằng đây là cách tối ưu hóa máy tính để chơi game rất hiệu quả đấy.

3. Add game vào card rời NVIDIA / AMD để tối ưu game:

Việc thêm tựa game mà bạn muốn chơi vào card đồ họa rời là một trong những cách làm cho máy tính chơi game mượt hơn. Để thực hiện add game bạn làm như sau:

+ Đối với card NVIDIA:

Bước 1: Add game vào NVIDIA

Nhấn nút “Add” để chọn game mà bạn muốn chạy card rời.

Bước 2: Add game vào NVIDIA

+ Đối với card AMD:

Tại màn hình desketop, nhập chuột phải chọn AMD Radeon Settings.

Bước 1: Add game vào AMD

Nhấp vào dấu “+” để thêm game vào card AMD.

Bước 2: Add game vào AMD

Chọn đúng đường dẫn file chạy của game.

Bước 3: Add game vào AMD

Game được thêm sẽ xuất hiện ở khung cài đặt. Bạn cũng thực hiện tương tự đối với các tựa game khác.

Bước 4: Add game vào AMD

Lời kết

Url Là Gì, Cách Tối Ưu Hóa Thế Nào Khi Seo?

URL là gì? Có cấu trúc thế nào? Có cần tối ưu hóa URL không, và làm như thế nào?

Những câu hỏi trên người làm SEO chắc hẳn đôi khi cũng thắc mắc. Và trong bài viết này tôi sẽ giới thiệu chi tiết.

URL là gì?

URL tạm hiểu là đường dẫn đến website. Nó cũng giống như địa chỉ website của bạn vậy. Khi ai đó nhập địa chỉ rồi Enter thì trình duyệt sẽ dẫn họ đến trang web.

Chẳng hạn, với trang web bạn đang xem thì URL là: https://carly.com.vn/blog/url-la-gi/. Chỉ cần nhấp vào liên kết này, hoặc copy/paste đường dẫn này vào trình duyệt, thì bạn sẽ được chuyển đến đúng trang bài viết.

Về mặt chuyên ngành, URL là viết tắt của cụm từ tiếng Anh: Uniform Resource Locator.

Nếu dịch sang tiếng Việt thì cụm từ này nghĩa là ” Trình định vị tài nguyên thống nhất “. Nó được dùng để tham chiếu tài nguyên trên internet. Trong phạm vi chúng ta đang quan tâm thì tài nguyên đó chính là trang web.

Nói cách khác, URL dùng để định vị địa chỉ site trên Internet, có thể là địa chỉ của một website, một webpage, hoặc một bài đăng cụ thể nào đó trên website.

Cấu trúc URL

Mỗi URL mà chúng ta hay nhìn thấy ở các trang web đều được đặt theo cú pháp nhất định, và gồm những thành phần cụ thể.

Thử xem ví dụ trong hình dưới:

Đường dẫn minh họa trong hình này có 4 thành phần sau:

1. Giao thức kết nối

Giao thức kết nối (URL Scheme) là phương thức gửi yêu cầu từ máy tính của bạn đến máy chủ, và máy chủ phản hồi thông tin trang bạn muốn truy cập đến máy tính của bạn. Thành phần này xuất hiện trước dấu hai chấm và hai dấu gạch chéo và báo cho ứng dụng web cách truy cập tài nguyên.

Hiện có một số giao thức phổ biến:

http: giao thức truyền tải siêu văn bản

https: kết hợp giữa giao thức http và lớp bảo mật SSL hay TLS

ftp: được sử dụng để truyền file qua Internet

mailto: gửi thư điện tử…

2. Tên miền

Gồm tên miền chính (trong hình trên là “example”), có thể có tên miền phụ đứng trước (www, hoặc 1 tên nào đó khác), và tiếp đó đến tên miền cấp cao nhất TLD (.com, .org, .vn).

Phần này có thể chỉ là một địa chỉ IP, chẳng hạn như 192.168.1.1 (không có dấu chấm ở cuối).

Tương đương với thư mục, và có thể tiếp theo bởi một hoặc nhiều chuyên mục con (sub-category) ngăn cách bởi dấu gạch chéo “/”. Những thành phần này có thể được định hướng để làm SEO khá hiệu quả.

4. Tên trang

Là tên cụ thể của trang (webpage), và thường chứa từ khóa cần SEO.

5. Cổng kết nối

Thường chỉ sử dụng thành phần này nếu bạn muốn sử dụng một cổng khác với cổng mặc định ví dụ: 88, 443, 995, 2222… Số cổng mặc định cho HTTP là cổng 80.

6. Phần truy vấn, có dấu “?”

Bạn thử gõ 1 từ khóa gì đó (ví dụ: cấu trúc URL) rồi Search bằng Google, thì URL trang kết quả sẽ có dạng thế này:

https://www.google.com/search?q=c%E1%BA%A5u+tr%C3%BAc+URL

Đây là URL trang kết quả khi tìm kiếm trên Google. Bạn sẽ thấy có nhiều ký tự đặc biệt, trong đó có dấu “?”, “%”, và cụm từ được tìm kiếm đã được mã hóa. Cả phần từ “search?” là câu truy vấn.

7. Phần phân mảnh, có dấu “#”

Thành phần cuối cùng của URL mà bạn có thể thấy được gọi là phân mảnh (fragment). Có thể có hoặc không.

Phân mảnh được bắt đầu bằng một dấu thăng (#) và thường được sử dụng để tạo liên kết neo (anchor) cho những đoạn cụ thể, ví dụ như các tiêu đề (heading). Khi người quản trị chèn liên kết neo (anchor) tại 1 vị trí nhất định trong nội bộ trang, bạn sẽ thấy trong URL của đường link xuất hiện dấu # cùng với tên của anchor.

Ví dụ như trong bài này, tôi đã chèn anchor đến một số vị trí để bạn dễ theo dõi. Thử vào 1 vài đường link trong phần NỘI DUNG CHÍNH ở đầu trang, bạn sẽ thấy URL tương ứng có ký tự #, ví dụ:

Tại sao cần làm vậy? Đó là nội dung tiếp theo.

Tại sao cần tối ưu hóa URL?

Vì việc tối ưu hóa đường dẫn là một trong các yếu tố giúp trang web được cả người dùng và công cụ tìm kiếm ưa thích hơn.

Người dùng muốn hiểu hết những gì có trên trang, kể cả thanh URL trên trình duyệt hay trong trang kết quả tìm kiếm (SERP). Một cách tự nhiên, chúng ta thường không thích những gì xa lạ, khó hiểu.

Công cụ tìm kiếm cũng đánh giá cao những gì nó hiểu được và những gì thân thiện với người dùng. Ngoài ra cấu trúc, và những yêu cầu với URL sẽ giúp cho đường dẫn trở lên thân thiện dễ hiểu hơn với Google.

Một khi đã được tối ưu hóa, được người dùng và Google đánh giá cao, thì lợi ích trang web nhận được chính là những gì mà việc hướng tới:

Trang đạt vị trí cao hơn trên bảng kết quả Google (tăng thứ hạng – Website Rank)

Tối ưu hóa URL thế nào khi làm SEO?

Cần tối ưu cho thân thiện cả với người dùng và máy tính, cụ thể là các công cụ tìm kiếm như Google.

URL chứa chính xác từ khóa chính

Mỗi trang web cần tập trung cho một từ khóa chính, và có thể kèm theo một vài từ khóa phụ nếu cần. Từ khóa chính là nội dung trọng tâm của trang đó.

Ở đây, URL cần chứa từ khóa chính của trang webpage đó. Nhiều người chọn luôn từ khóa chính làm tên trang trong URL, với các từ được phân cách bởi dấu gạch ngang. Bạn có thể dùng tiếng Việt có dấu hoặc không có dấu, nhưng thông thường người ta hay chọn phương án tiếng Việt không dấu cho đồng bộ với các thành phần khác trong URL.

Để có thể chỉnh sửa URL, với tư cách là người quản trị web, thì bạn cần sự kết hợp hỗ trợ của người lập trình web (coder). Nên đề nghị họ cấp cho admin quyền tạo tên trang trong đường dẫn URL.

Xin lưu ý nhiều web cho phép tạo URL tự động. Điều này cũng tiện, nhưng lại giới hạn việc sửa chữa đường dẫn theo ý người quản trị. Vì vậy, kinh nghiệm của tôi là: bạn cần yêu cầu thêm phương án cho phép admin được tự sửa, nếu muốn.

Và khi được tự đặt hoặc sửa tên trang, thì sẽ có một số lựa chọn để tối ưu.

Ví dụ, với từ khóa chính là “xe máy điện”, thì mấy phương án từ tốt đến tệ:

Chuẩn nên là: https://sieuthixe.com/xe-may-dien/ (chính xác từ khóa)

Tạm được: https://sieuthixe.com/xe-may-dien-ct205/ (từ khóa + id)

Hơi dở: https://sieuthixe.com/cac-loai-xe-may-chay-bang-dien/ (không có từ khóa)

Người đọc cần hiểu được URL

Cần đảm bảo người dùng hiểu được URL, tốt nhất là 100% nội dung. Nếu người không hiểu, thì công cụ tìm kiếm cũng vậy.

Bạn hoàn toàn có thể kiểm tra bằng trực giác.

Ngược lại, nếu xem URL mà không hiểu được, hoặc chỉ đoán lờ mờ nội dung của trang, thì nghĩa là URL đó kém thân thiện.

Chẳng hạn như trong ví dụ tiếp theo, URL cần được tối ưu. Mặc dù cùng là sản phẩm cũng như trong trang Mediamart tôi nói trong ví dụ trước, nhưng đọc thì chẳng biết là về sản phẩm gì. Chỉ có từ “panasonic” là rõ nhất, nhưng chưa đủ để giúp chúng ta hiểu về nội dung trang. Trường hợp này cần được chỉnh sửa.

Cấu trúc URL hợp lý

Như trong phần đầu tôi đã giải thích, bố cục URL gồm các thành phần: giao thức, tên miền, đường dẫn, chuỗi truy vấn.

Việc đưa cấu trúc hợp lý để đảm bảo toàn bộ URL tối ưu cũng có lợi cho SEO. Điều này đặc biệt hữu ích với những website lớn, có nhiều sản phẩm hoặc bài viết, cần được sắp xếp vào các cấp độ chuyên mục và chuyên mục con.

Độ dài URL hợp lý

Trình duyệt khác nhau có thể hỗ trợ số ký tự tối đa khác nhau trong URL.

Internet Explorer công bố cho phép URL tối đa được 2.083 ký tự. Tôi đã thử tìm kiếm nhưng không thấy công bố chính thức độ dài tối đa mà các trình duyệt khác như Firefox, Chrome… hỗ trợ. Tuy nhiên trên diễn đàn thì có những con số có thể tham khảo về nội dung này.

Nếu lấy theo con số maximum laf 2.083 ký tự thì cũng đã quá đủ. Thực tế trong lĩnh vực SEO, thì có lẽ chẳng bao giờ dùng đến hết số lượng này.

Do đó, bạn chỉ cần biết thông tin tham khảo, và hoàn toàn không cần lo ngại URL vượt quá chiều dài cho phép.

Nhưng khi làm SEO thì chúng ta nên để ý: Google chỉ cho hiển thị tối đa 512 pixel với độ dài URL trên trang kết quả tìm kiếm. Nếu dài hơn thì sẽ bị cắt bớt, và thay bằng dấu 3 chấm (…) ở cuối. Để tận dụng tối đa độ dài được hiển thị, và tóm lược được nội dung chính cho người đọc, bạn nên tạo URL sao cho dài không quá 512 pixel.

Có thể dùng Công cụ SEO này để xem trước hiển thị URL cũng như nội dung các thẻ meta quan trọng chẳng hạn như Title, Meta Description…

Không sử dụng chữ cái viết HOA

Chữ Viết Hoa gây khó nhớ, và có thể gây bối rối cho người dùng và công cụ tìm kiếm. Vì vậy, trong URL người ta dùng toàn bộ là chữ thường.

Sử dụng dấu gạch ngang phân cách các từ

Để người và máy có thể dễ hiểu, thì cần phân cách các từ cạnh nhanh. Khi đó, bạn nên dùng dấu gạch ngang giữa dòng “-“, không dùng gạch ngang dưới chân “_” hay ký tự nào khác.

Đơn giản là vì các con bot của Google được thiết lập để đọc hiểu dấu gạch giữa dòng là để phân cách từ. Và bạn muốn tối ưu, thì cần làm theo quy tắc đó.

Ví dụ:

Nên viết là: https://tenmien.com/toi-uu-url/

Không nên: https://tenmien.com/toi_uu_url/

Chỉ định URL chính (Canonical URL)

Ý này không phải là chỉnh sửa trực tiếp vào URL. Thay vào đó, bạn cần quy định URL nào là chính khi có nhiều trang cùng nội dung.

Trong thực tế, bạn sẽ gặp phải trường hợp trên website có một số URL dẫn đến trang có cùng nội dung, và như vậy sẽ phạm lỗi trùng lặp nội dung.

Ví dụ về các trang khác URL nhưng có thể cùng nội dung:

Các trang song ngữ của cùng bài viết, được coi là cùng nội dung (chỉ khác ngôn ngữ)Các trang truyền thống và trang AMP cũng có cùng nội dung (chỉ khác về cú pháp đặt thẻ)v.v…

Để khắc phục lỗi này, thì bạn cần quy định trong số đó, có 1 URL là chính. Còn lại tất cả phụ và được trỏ về URL chính. Phương pháp này gọi là đặt Canonical URL: tất cả các URL có khả năng trùng lặp nội dung đều trỏ về 1 Canonical URL.

Trên website của bạn, vào lúc này hay lúc khác, bạn có thể thấy sẽ có 1 số URL không cần hoặc không nên để Google biết, vì như vậy không có lợi.

Ví dụ những URL không an toàn, không có lợi:

Những trang đang phát triển, nội dung còn ít hoặc chưa hoàn thiện

Những trang có nội dung copy toàn bộ từ website khác, nhưng vì lý do nào đó bạn quyết định vẫn sử dụng.

Khi đó, để tránh bị Google đánh tụt điểm, hoặc thậm chí xử phạt, thì bạn cần chỉnh định rõ không cho Google lập chỉ mục với những URL này. Có 2 cách phổ biến:

Đưa URL này vào file chúng tôi để nói rõ với Search Engine: đừng index. Phương án này dễ làm nhưng không có hiệu quả tuyệt đối.

Tạo chuyển hướng 301 Redirect với những URL cũ

Tôi hay gặp trường hợp thế này:

Khách hàng có website cũ, và giờ xây dựng website mới. Những trang trước đây đều có URL riêng, và nhiều trong số đó đã được Google lập chỉ mục (index). Một số trang còn có thể đã được xếp hạng cao (lên Top Google).

Khi thiết kế lại website, các trang mới thường không giữ nguyên được cấu trúc URL như trước. Nếu thay đổi tên miền, thì 100% URL bị đổi. Và do đó, thường các URL cũ bị thừa, và lãng phí (vì Google đã biết). Nếu ai đó vào URL cũ, thì sẽ thấy báo lỗi không tìm thấy trang (404 Error – Page not found).

Rõ ràng nếu để như vậy là 1 sự lãng phí. Những gì website cũ đã làm được thì không được sử dụng tiếp. Trong khi website mới cần 1 thời gian nhất định mới được các SE biết đến.

Vậy phương án khắc phục lúc đó là cần điều hướng tự động URL cũ sang URL mới bằng cách tạo chuyển hướng 301 Redirect. Tất nhiên nội dung trang cơ bản vẫn giữ nguyên, hoặc được cập nhật thêm thì càng tốt. Có như vậy thì những gì website cũ bạn đã làm được, mới được tận dụng đem sang website mới. Cái này gọi là tối ưu nhưng vẫn tận dụng nguồn lực đã có.

Trường hợp tương tự khi bạn thay đổi URL của trang hiện tại, khi đó URL cũ sẽ bị đứt gãy (broken URL). Khi đó cũng cần áp dụng chuyển hướng 301 Redirect như tôi vừa trình bày ở trên.

Chọn 1 phương án URL cho tất cả các phiên bản website

Điều này thỉnh thoảng bạn có thể gặp phải: Trang web vẫn hiển thị độc lập (không redirect) với cả URL:

Có hoặc không có www

Giao thức http hoặc https

Ví dụ với trang web của tôi, 4 phương án sau:

https://carly.com.vn/

https://www.carly.com.vn/

http://carly.com.vn/

http://www.carly.com.vn/

Nếu tất cả 4 phương án này đều hiển thị riêng rẽ thì Google sẽ coi là 4 website riêng biệt. Khi đó website của bạn dễ bị đánh lỗi nội dung bị trùng lặp, đồng thời có thể không tập hợp hết sức mạnh của backlink nếu liên kết trỏ tới cả 2 phiên bản có và không có www.

Cách khắc phục là, cần chọn 1 phương án chính, và trỏ những URL còn lại về URL chính đó. Tôi đã chọn phương án chính là https và không có www (phương án số 1). Nếu bạn thử nhập tất cả 4 URL tôi vừa nêu trên, thì sẽ thấy chỉ trong tích tắc trình duyệt sẽ chuyển tự độ về URL của phương án 1 mà thôi.

Nếu chưa, thì cần khắc phục. Cách làm là dùng code để tạo 301 Redirect, như tôi đã nói ở trên. Hoặc có thể sửa tùy chọn trong phần quản lý hosting. Như tôi biết thì Plesk (ngôn ngữ chúng tôi hoặc … (ngôn ngữ PHP) đều cho phép cấu hình những nội dung này.

Chỉ có tác dụng với Google, chứ không có hiệu quả với SE khác như Bing, Yahoo hay Cốc Cốc…

Chỉ hiệu quả với tên miền chính (vd: tenmien.com). Trường hợp bạn có tên miền phụ (subdomain), chẳng hạn như: chúng tôi thì không dùng cách này được.

Như vậy để đảm bảo tối ưu hóa, bạn nên sử dụng các kỹ thuật để đảm bảo không bỏ sót trường hợp nào, các kỹ thuật như tôi đã nói ở phía trên:

Điều hướng 301 Redirect

Đăng ký phiên bản chính trong Google Search Console

Sử dụng Canonical URL

Tóm lược

Bài viết này tôi đã giải thích khá chi tiết về khái niệm URL là gì, cấu trúc gồm những thành phần nào. Đồng thời tôi cũng đã nêu rõ lợi ích của việc tối ưu hóa URL cho các trang web, một trong những công việc quan trọng khi làm SEO On-Page.

Và ở phần cuối cùng tôi đã tóm tắt những phương pháp phổ biến nhất để làm SEO cho URL. Một URL chuẩn SEO phải luôn chứa từ khóa, ngắn gọn, có ý nghĩa, dễ copy, dễ nhớ, không chứa những từ không cần thiết, không chứa các ký tự đặc biệt…

Còn bạn thì sao? Bạn thường viết và tối ưu hóa URL thế nào?

Bạn đang xem bài viết Làm Thế Nào Để Code Jquery Một Cách Tối Ưu Hơn? trên website Kichcauhocvan.net. Hy vọng những thông tin mà chúng tôi đã chia sẻ là hữu ích với bạn. Nếu nội dung hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất. Chúc bạn một ngày tốt lành!