10/10/2018, 10:41

viết mã html như vậy , có làm tăng khả năng load web không ?

mã html cũ

đổ lại thành

mình đang design web nhưng web load khá chậm (xem source mã html thì rất nhìu dòng)--> ko bít cách này có làm web load nhanh hông
mình hỏi vậy 1 phần là thấy thằng jquery-min nó cũng viết vậy , tớ nghĩ nếu nó viết xuống dòng đàng hoàng thì jquery-min sẽ năng hơn nhìu , không bít mình đoán đúng hay sai

mong các bác cho ý kiến

lins viết 12:56 ngày 10/10/2018

Đúng rôi, khi bạn xuống dòng hay cách ra cũng bi coi là một ký tự => tăng dung lượng file => load châm là đương nhiên.

thuyduongcd viết 12:44 ngày 10/10/2018

Thử đếm xem trang web bạn có bao nhiêu dòng? Giả sử có 2000 dòng đi, nếu bạn gom tất cả lại còn 1 dòng thì bạn sẽ tiết kiệm được 2000 ký tự enter, mỗi ký tự là 1byte vậy chung quy bạn tiết kiệm được 2KB. Tốc độ ADSL trung bình khoảng 128KB/s. Vậy tiết kiệm 2KB sẽ rút ngắn được thời gian tải là 0.016 giây.
Đó là phần lợi. Còn phần hại? Bạn thử so sánh giữa 2 đoạn code trên xem, trong cái đống bùi nhùi ở cách viết thứ 2, nếu cần sửa một chỗ nào đó bạn sẽ mất bao nhiêu thời gian để định vị chỗ cần sửa?

Nói ngoài lề một chút. Khi viết 1 bài văn nếu đừng xuống dòng sẽ tiết kiệm được giấy. Thế thì tại sao người ta lại chọn cách viết xuống dòng?

dokhacluan viết 12:48 ngày 10/10/2018

bac thuyduong cho mình hỏi cái này trước , bác nói

tốc độ ADSL trung bình khoảng 128KB/s

như vậy nghĩa là web mình viết để khi load mã html,css,js chỉ <=128kb thì web mình sẽ load xong sau 1s ah, cái này mình đang muốn nói về cách đo tốc độ web , thực sự cái này thì mình cũng muốn bít

honnhienh viết 12:42 ngày 10/10/2018

cái này bác phải học rất rất là nhiều chứ hog phải mỗi cái kỹ tự kia đâu. cái đó có ảnh hường thì chỉ mấy chục phầm trăng giây hà. quan trong là bác code css vào đặt các javascript đúng chỗ . sẽ cải tiến rất nhiều. còn cả mấy cái img nữa tui cũng đang học cái này. để code khá hơn. Mấy cái text như zậy không lên quan tâm đến.

zmt264 viết 12:52 ngày 10/10/2018

Được gửi bởi dokhacluan

mã html cũ

đổ lại thành

mình đang design web nhưng web load khá chậm (xem source mã html thì rất nhìu dòng)--> ko bít cách này có làm web load nhanh hông
mình hỏi vậy 1 phần là thấy thằng jquery-min nó cũng viết vậy , tớ nghĩ nếu nó viết xuống dòng đàng hoàng thì jquery-min sẽ năng hơn nhìu , không bít mình đoán đúng hay sai

mong các bác cho ý kiến

nhưng xét về mặt tốc độ xử lý ở client, thì viết như thế sẽ chậm, viết thế này sẽ nhanh hơn:

<div id="gido">
<div>gi do</div>
<div>gi do</div>
<div>gi do</div>
<div>gi do</div>
<div>gi do</div>
<div>gi do</div>
</div>

sau đó viết CSS dạng: #gido div thay cho .gido

Google: HTML Best Practices và CSS Best Practices nhé.

bvnguyen viết 12:48 ngày 10/10/2018

nhanh hơn không đáng kể bao nhiêu đâu bác ạ

dokhacluan viết 12:50 ngày 10/10/2018

mấy bác thử nói xem thường các bác dùng cách gì để tăng tốc web (đương nhiên truong hợp đang nói đến là 1 website hoàn chỉnh , có nhìu chức nănng --> trả mã html nhỉu) ví dụ trang này chẳng hạn http://www.saharavn.com/index.php

mà đôi lúc mấy bác làm web xong --> thấy nó load chậm --> các bác thường xử lý lại code của bác ở nhưng chỗ nào (mấy cái phổ biến thôi)

khuongCOMPUTER viết 12:46 ngày 10/10/2018

jQuery bỏ các kí tự thừa để giảm kích thước file js. Còn file html mà làm kiểu đó thì không đọc code nổi để debug đâu

freshgraduate09 viết 12:42 ngày 10/10/2018

các bác pro quá mà quên mất căn bản

code lúc phát triển và code lúc deploy khác nhau. Như visual studio .net vậy đó: 2 chế độ: debug - release

code lúc phát triển có thể phình to ra , cồng kềnh về size nhưng có tổ chức rõ ràng, dể bảo trì, debug.

code lúc deploy thì phải optimize lại, optimize trên nhiều khía cạnh

Hiện nay đa số các tool có hỗ trợ lược bỏ ký tự trắng hết. Bạn giữ 1 bản để bảo trì nâng cấp, bản đã optimized đem deploy lên host.

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

dokhacluan

0 chủ đề

0 bài viết

Tác giả nổi bật