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

มกราคม 22, 2018, 06:13:53 PM *
ข่าว: ลงโฆษณา ติดแบนเนอร์ Banner ปักหมุด ขอเช่าพื้นที่บอร์ดเพื่อSEO ค้นหาเจอบนGoogle โดย วันนี้ 23 มิถุนายม 2560

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

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

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













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


Ran Online
วิธีที่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;}

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


.

แรนเถื่อน | เสื้อผ้าเกาหลี | แรงบันดาลใจ | Ran



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
ส่งข้อความหาเรา