VN tin mới trang chuyên tin học , Kiếm tiền online, Tin tức công nghê, Phầm mềm tiện ích,thủ thuật máy tính,hướng dẫn kiếm tiền , Trò chơi

Powered by Blogger.

12/10/12

Hướng dẫn giảm size cho code Website!!!

0 comments

Hôm nay rảnh làm cái bài này cho mọi người, chắc hẳn ai cũng muốn làm nhưng không phải ai cũng biết làm.
Mình xin nói để các bạn rõ hơn
(Mình áp dụng cho mã nguồn wordpress – các bạn tự áp dụng cho mã nguồn khác nhé)
Với wordpress thì chủ yếu code nặng do ảnh và theme, còn bộ code sạch lúc đầu thì chỉ nặng tầm 3-4MB khi nén .zip, khi viết bài các bạn dùng ảnh tiêu biểu và ảnh hiển thị trong bài nếu upload lên trực tiếp web site của bạn, ảnh sẽ tự động được tạo làm 4-5 cái ảnh(tùy theme nữa) kích thước khác nhau, sẽ mất rất nhiều Disk Space(DS).
Làm sao để giảm dung lượng của những cái không cần thiết đó???
Cách làm rất đơn giản như sau:
Với WordPress, khi viết bài, các bạn nên upload những ảnh để chèn vào bài lên những website cho upảnh miễn phí như imagehackus, picasa google, … mình khuyên các bạn nên xài picasa(có sẵn code up ảnh lên picasa trực tiếp trên website của bạn ở đính kèm bên dưới kia)
=>giảm được rất nhiều dung lượng từ vấn đề này rồi :D
Còn feature images(ảnh tiêu biểu) thì sao??
Cái này còn đơn giản hơn:D
Ảnh tiêu biểu chỉ hiển thị ở phần preview của bài viết với kích thước thông thường là 160×180(hay 180x160px gì gì ấy), các bạn hãy chọn những cái ảnh đẹp, độ phân giải cao nhất để làm ảnh tiêu biểu, sau khi có ảnh đó, các bạn đừng upload vội, hãy dùng photoshop(Down tại đây) để resize ảnh với kích thước từ 150x150px trở xuống(chiều rộng x chiều dài), kích thước của cái chiều rộng và chiều dài có thể khác nhau cũng được, không sao cả, nhưng tốt nhất là đừng kém nhau nhiều quá, nếu bạn cho kích thước từ 151x151px trở lên là ảnh sẽ tự tạo ra vài cái nữa đấy=> lãng phí dung lượng vào cái vấn đề thừa thãi.
Giảm dung lượng theme:
Theme cũng là cái làm code của bạn tăng đáng kể dung lượng đó, chủ yếu là ảnh, để giảm bớt dung lượng, bạn hãy làm như sau(yêu cầu bạn có kiến thức về css và html):
Dùng chrome để view source của web, tìm những nơi có sử dụng ảnh trong css, nếu ảnh đó là background có màu trắng chẳng hạn, bản có thể đổi ảnh đó thành màu #fff để bỏ cái ảnh đó đi, sẽ tăng được tốc độ load trong web của bạn và giảm được dung lượng của code(các bạn cứ thay thế những ảnh không cần thiết bằng mã màu là được :D )
Hạn chế dùng plugin trong code cũng là cách để giảm dung lượng của code
=>Dung lượng code khi bạn post khoảng 200 bài viết cũng chỉ khoảng 5-8MB khi nén .zip thôi.
Còn với data thì wordpress ngốn rất ít dung lượng nên các bạn kô cần bận tâm nhưng có lưu ý nhỏ này, khi bạn upload plugin, dùng 1 thời gian lại xóa đi, tất cả những gì liên quan đến plugin đó bao gồm data và file, bạn mới chỉ xóa file thôi, trong data vẫn còn, bạn phải vào trong data để xóa những table liên quan đến plugin đó đi.
End tut

No comments:

Post a Comment