วิธีจัดเรียงโค้ดให้หน้าเพจ hi5 โหลดเร็ว

ตุลาคม 20, 2018, 08:06:46 AM *
ข่าว: รับเพิ่มLikeFanPage เพิ่มLikeFacebook ราคาถูวันนี้ 2 ตุลาคม 2561

เกมส์มัน ยินดีต้อนรับ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ สมัครสมาชิกด้วย SMS

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

Ran Assassin
      โปรโมชั่น    ของขวัญ   โฆษณาราคาถูก   ของขวัญวันเกิด   
      โฆษณาป้ายละ 500    ป้ายโฆษณา   โฆษณาราคาถูก   Ads ป้ายละ 500   ติดโฆษณา
ติดต่อ Webmaster : 0829755777 Email : decha (@) me.com
ติดต่อโฆษณา ตำแหน่งใดก็ได้ ที่หน้าเวป, ปักหมุดกระทู้
หน้า: [1]
  ส่งหัวข้อนี้  |  พิมพ์  
ผู้เขียน หัวข้อ: วิธีจัดเรียงโค้ดให้หน้าเพจ hi5 โหลดเร็ว  (อ่าน 1245 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
highpath1
บุคคลทั่วไป











« เมื่อ: ตุลาคม 08, 2009, 04:43:41 AM »


꡵ǡش
วิธีที่1ให้ทำโค้ดทั้งหมดในช่องใส่โค้ดให้มีตัวคลุมหัวท้ายชุดเดียว

ปกติเราอาจชอบใส่โค้ดเป็นชุดๆแบบที่มีตัวคลุมหัวท้ายไปซะทุกโค้ดแบบนี้

<style>

#lifestyle .box_profile_info_small_content a:link img {filter:alpha(opacity=60);}#lifestyle .box_profile_info_small_content a:visited img {filter:alpha(opacity=60);}#lifestyle .box_profile_info_small_content a:hover img {filter:none;}

</style>

<style type='text/css'>

#comments{ background-color:#FFFFFF;}

</style>

<style type="text/css">

body {
scrollbar-3dlight-color:#220033;
scrollbar-track-color:#FFFFFF
;
scrollbar-base-color:#220033 ;
scrollbar-arrow-color:#220033;
scrollbar-darkshadow-color:#FFFFFF
;
scrollbar-face-color:#220033;
scrollbar-highlight-color:#220033;
scrollbar-shadow-color:#220033; }

</style>

ให้เอาตัวคลุมหัวท้ายทุกอันออกก่อน จากโค้ดชุดด้านบนจะได้แบบนี้

#lifestyle .box_profile_info_small_content a:link img {filter:alpha(opacity=60);}#lifestyle .box_profile_info_small_content a:visited img {filter:alpha(opacity=60);}#lifestyle .box_profile_info_small_content a:hover img {filter:none;}

#comments{ background-color:#FFFFFF;}

body {
scrollbar-3dlight-color:#220033;
scrollbar-track-color:#FFFFFF
;
scrollbar-base-color:#220033 ;
scrollbar-arrow-color:#220033;
scrollbar-darkshadow-color:#FFFFFF
;
scrollbar-face-color:#220033;
scrollbar-highlight-color:#220033;
scrollbar-shadow-color:#220033; }

จากนั้นก็ใส่ตัวคลุมหัวท้ายไปชุดเดียวแบบนี้

<style type="text/css">

#lifestyle .box_profile_info_small_content a:link img {filter:alpha(opacity=60);}#lifestyle .box_profile_info_small_content a:visited img {filter:alpha(opacity=60);}#lifestyle .box_profile_info_small_content a:hover img {filter:none;}

#comments{ background-color:#FFFFFF;}

body {
scrollbar-3dlight-color:#220033;
scrollbar-track-color:#FFFFFF
;
scrollbar-base-color:#220033 ;
scrollbar-arrow-color:#220033;
scrollbar-darkshadow-color:#FFFFFF
;
scrollbar-face-color:#220033;
scrollbar-highlight-color:#220033;
scrollbar-shadow-color:#220033; }

</style>






วิธีที่2วิธีจัดเรียงโค้ดที่มีคำสั่งเดียวกันต่อส่วนต่างๆสองส่วนขึ้นไป

ถ้าจะใช้คำสั่งเดียวกันกับส่วนต่างๆ2ส่วนขึ้นไปเราอาจเคยจัดเรียงโค้ดแบบนี้

<style type='text/css'>

#primenu{display:none}

#userstuff{display:none}

.section-name{display:none}

</style>

เรา ควรเปลี่ยนวิธีจัดเรียงโค้ดโดยเริ่มจากเอาชื่อส่วนต่างๆที่จะใส่คำสั่งมา เรียงต่อกันและคั่นด้วยเครื่องหมาย , จากโค้ดชุดด้านบนจะได้แบบนี้

#primenu,#userstuff,.section-name

จากนั้นก็ใส่คำสั่งต่อท้ายแบบนี้

#primenu,#userstuff,.section-name{display:none}






วิธีที่3เอาโค้ดที่อยู่ในช่องโค้ดโดยไม่มีประโยชน์ออก

หมายถึงบางครั้งเราได้โค้ดมา1ชุดสมมุติได้ชุดนี้มา

<style type="text/css">

.subsection .comment {background: url(ใส่รูปแทนตรงนี้);
border: inset 3px #ffffff;
height:200px; overflow: auto;}

</style>

ในโค้ดมีคำสั่งสร้างกรอบนั่นคือ

border: inset 3px #ffffff

บางทีเมื่อเราจะใช้โค้ดนี้แต่ไม่อยากทำกรอบเราอาจเอาแค่คำว่า inset ออก

จากโค้ดด้านบนเราควรเอาอะไรที่เกี่ยวกับกรอบออกให้หมดโดยจัดเรียงโค้ดใหม่แบบนี้

<style type="text/css">

.subsection .comment {background: url(ใส่รูปแทนตรงนี้);
height:200px; overflow: auto;}

</style>

จาก โค้ดที่ได้ถ้าจะไม่ใส่รูปก็ไม่ควรปล่อยโค้ดที่เกี่ยวกับการใส่รูปไว้อย่าง นั้น เพราะจากการทดสอบอย่างจริงจังของผมมันจะทำให้hi5โหลดช้าลงจริงๆ

เราควรเอาโค้ดส่วนที่เกี่ยวกับการใส่รูปออกให้หมดจะได้แบบนี้

.subsection .comment {
height:200px; overflow: auto;}

ลองฝึกตัดต่อโค้ดดูนะครับเพราะถ้าอธิบายทั้งหมดยากต้องลองเอง


.

ตุ๊กตาเขี้ยวกุด | นาฬิกาปลุกเขียนโน๊ต | แรงบันดาลใจ | ของเล่นแปลกๆ



Follow Decha Chanwirun Liang's board GadGetMaShow.com on Pinterest.
บันทึกการเข้า
หน้า: [1]
  ส่งหัวข้อนี้  |  พิมพ์  
 
กระโดดไป:  

Sitemap Decha Chanwirun เกมส์ออนไลน์ Game PC  
Thank SMF Security Check DMCA.com Protection Status



Google เข้าเยี่ยมชมหน้านี้ล่าสุดเมื่อ : พฤศจิกายน 04, 2016, 01:18:43 PM
ส่งข้อความหาเรา