คำถามติดแท็ก javascript

บ่อยครั้งเมื่อเลือกเครื่องมือและกรอบงานใหม่ฉันเห็นคำเตือน "จะไม่ทำงานหากผู้ใช้ปิดการใช้งาน Javascript" จากนั้นฉันดูที่สไลด์โชว์ของ Javascript ที่ขับเคลื่อนด้วยเมนูที่ขับเคลื่อนด้วย Javascript และแกลเลอรี่ที่ใช้ Javascript สนุกดีที่ฉันเลือกสิ่งเหล่านี้เพื่อแทนที่เวอร์ชันดั้งเดิมที่ใช้แฟลชเนื่องจากฉันกังวลเกี่ยวกับจำนวนคนที่จะเห็นพวกเขา แต่กังวลเกี่ยวกับคนที่ปิดใช้งาน Javascript เป็นความกังวลที่ถูกกฎหมาย? ฉันควรลองและออกแบบเว็บไซต์ด้วยการปิดการใช้งาน JS หรือไม่?

15 javascript  usability  accessibility 

สำหรับภาพที่โหลดผ่าน AJAX หรือฉันไม่ต้องการให้ทำดัชนีให้ใช้วิธีการ data- * attribute: <img data-src="path/to/image.jpg" class="js-lazy-load" /> javascript แม็พแอ็ตทริบิวต์data-srcกับแอ็ตทริบิวต์src : <img src="path/to/image.jpg" /> แต่สำหรับภาพใน HTML ที่ฉันไม่ต้องการจัดทำดัชนี: <a href="path/to/image.jpg" class="js-lazy-load">Image alt text here</a> จาวาสคริปต์แทนที่จุดยึดด้วยแท็กรูปภาพ : <img src="path/to/image.jpg" alt="Image alt text here" /> ดูเหมือนว่าจะรักษาความสามารถในการจัดทำดัชนีและเจตนาของหน้าเว็บ (สำหรับการเข้าถึงได้) โดยไม่กระทบต่อ SEO (หวังว่า) แต่จะรักความคิดเห็นที่สอง แก้ไข: ข้อเสนอแนะใด ๆ เกี่ยวกับวิธีการนี้ - หน้าเว็บที่มีลิงก์ไปยังรูปภาพและหน้าเว็บที่มีแท็ก IMG แบบอินไลน์ - จะเปรียบเทียบในเรื่องการจัดอันดับหน้า …

14 seo  google  javascript 

ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันรับรู้ถึงเฟืองสำหรับการรวมไฟล์จาวาสคริปต์ แต่ยังไม่ได้ลอง ตัวเลือกอื่น ๆ คืออะไรและมีวิธีการอย่างไร?

14 optimization  javascript  css 

มีวิธีโหลด JavaScript ของฉันลงในหน้าเว็บที่จะทำให้โหลดเร็วขึ้นหรือไม่

14 javascript  optimization  performance 

ฉันมี700kbไฟล์ JS ที่คลายการบีบอัดซึ่งโหลดได้ทุกหน้า ก่อนที่ผมจะมี12ไฟล์จาวาสคริปต์ในแต่ละหน้า แต่จะลด http 1 fileขอฉันบีบอัดพวกเขาในทุก ไฟล์นี้เป็นและทำหน้าที่มากกว่า~130kb gzipped gzipอย่างไรก็ตามในคอมพิวเตอร์ภายในเครื่องจะยังคงแตกและโหลดในทุกหน้า นี่เป็นปัญหาด้านประสิทธิภาพหรือไม่ ฉันได้ทำจาวาสคริปต์กับ profiler firebug แต่ไม่เห็นปัญหาใด ๆ ปัญหา / มายาที่ฉันพบคือมีไลบรารี jquery ที่บีบอัดในไฟล์นั้นซึ่งบางครั้งไม่ได้ใช้ในหน้าปัจจุบัน ตัวอย่างเช่น jquery datatablesนั้นมีขนาด 200kb ที่ถูกบีบอัดและมีการโหลดบนหน้าเว็บไซต์ของฉัน 2 หน้าเท่านั้น อีกประการหนึ่งคือและนั่นก็เป็นอีกหนึ่งjqplot200kb ตอนนี้ฉันมี400kbรหัสส่วนเกินที่ไม่ได้เรียกใช้80%จากหน้าเว็บ ฉันควรทิ้งทุกอย่างไว้ในไฟล์เดียวหรือไม่ ฉันควรนำไลบรารี jquery ออกและโหลดเฉพาะ JS ที่เกี่ยวข้องในหน้าปัจจุบันหรือไม่

13 javascript  jquery  page-speed  http  load 

ฉันกำลังทำงานกับเว็บแอปพลิเคชันที่โหลดรูปภาพ gif ขนาดเล็กสองสามตัวลงบนหน้าจอ ฉันใช้พา ธ สัมพัทธ์ซึ่งหมายความว่าโหลดจากเว็บเซิร์ฟเวอร์เดียวกันที่แสดงหน้า php การดำเนินการเป็นไปอย่างรวดเร็วและฉันอยู่ในทวีปที่แตกต่างจากเว็บเซิร์ฟเวอร์ ฉันเพิ่งทดสอบเครือข่าย CDN สำหรับสิ่งนี้ (Cloudfront) การคิดว่าการย้ายไฟล์คงที่ใกล้กับผู้ใช้เป็นแนวคิดที่ดี อย่างไรก็ตามไฟล์เหล่านี้ทั้งหมดใช้เวลาครึ่งวินาทีหรือมากกว่านั้นในการแสดงผลบนหน้าจอ ตอนนี้ฉันต้องใช้เส้นทางสัมบูรณ์แน่นอน (https://xyzvf.cloufront.net/images/) ทำไมถึงเป็นอย่างนั้น? เส้นทางสัมบูรณ์เป็นปัญหาหรือไม่? ฉันลดการร้องขอ HTTP ไปยังเซิร์ฟเวอร์ของฉันเองซึ่งเป็นสิ่งที่ดี แต่ความล่าช้านั้นน่ารำคาญ CDN เหมาะกับสิ่งนี้หรือไม่

13 php  javascript  performance  cdn 

ฉันอยู่ภายใต้ความประทับใจว่าเพื่อประสิทธิภาพที่ดีที่สุด Javascript ควรได้รับการปฏิบัติเหมือนเป็นเนื้อหาแบบคงที่และให้บริการจากโดเมนที่ไม่มีเนื้อหาพร้อมกับไฟล์ CSS รูปภาพและอื่น ๆ แต่ Google บอกไว้ที่นี่: อย่าให้บริการไฟล์ JS ภายนอกที่โหลดไว้ล่วงหน้า แต่เนิ่นๆจากโดเมน cookieless สำหรับ JavaScript ที่อ้างถึงในส่วนหัวของเอกสารและจำเป็นสำหรับการเริ่มต้นหน้าเว็บควรให้บริการจากชื่อโฮสต์เดียวกันกับเอกสารหลัก เนื่องจากเบราว์เซอร์ส่วนใหญ่บล็อกการดาวน์โหลดและการแสดงผลอื่น ๆ จนกว่าไฟล์ JavaScript ทั้งหมดจะถูกดาวน์โหลดแยกวิเคราะห์และดำเนินการจึงเป็นการดีกว่าที่จะหลีกเลี่ยงความเสี่ยงจากการค้นหา DNS เพิ่มเติม ณ จุดที่ทำการประมวลผลนี้ ดังนั้นตอนนี้ฉันทะเลาะกัน ฉันไม่ชัดเจนว่า "จำเป็นสำหรับการเริ่มต้นหน้าเว็บ" หมายถึงอะไร ฉันมักจะมีการอ้างอิง JavaScript สองรายการ JQuery ให้บริการจาก ajax.googleapis.com และไฟล์ master.js ที่ส่วนใหญ่มีตัวจัดการเหตุการณ์ในฟังก์ชัน $ (document). ready () จำเป็นสำหรับการเริ่มต้นหน้าเว็บหรือไม่ มีตัวเลือกที่พร้อมใช้งาน (ajax.googleapis.com, โดเมนที่ไม่มีเนื้อหาคงที่, ชื่อโฮสต์ดั้งเดิม) ที่จะให้บริการ JavaScript …

12 javascript  performance  static-content  page-speed 

ตัวอย่างเช่น Google Analytics ใช้ document.location.protocol ในสำเร็จรูปเพื่อติดตาม: <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> แทน <script …

12 javascript  google-analytics  https 

บริษัท ของเราได้พัฒนาแอพพลิเคชั่นหน้าเดียวโดยใช้ AngularJS และการกำหนดเส้นทาง Google จัดทำดัชนีเว็บไซต์ของเราด้วย JavaScript อย่างเหมาะสม แต่ก็ไม่ได้จัดทำดัชนีบางหน้าได้ดีมากดังนั้นเราจึงพัฒนา HTML เฉพาะเวอร์ชัน เราได้ปฏิบัติตามข้อกำหนดการรวบรวมข้อมูล Ajax ที่โพสต์ที่นี่และมี<meta name='fragment' content='!'>แท็กและ URL ตามมาตรฐาน เราคาดหวังที่จะเรียกจากhttp://www.example.com/foo/barhttp://www.example.com/?_escaped_fragment_=/foo/bar อย่างไรก็ตามเราได้พบว่าเมื่อเรารีดข้อกำหนด AJAX ที่เราขณะนี้ได้มีการจัดทำดัชนีทุกหน้าสองครั้งครั้งกับรุ่น JavaScript เป็นและครั้งเดียวกับรุ่นใหม่http://www.example.com/foo/bar http://www.example.com/#!/foo/barสิ่งนี้เป็นอันตรายต่อเราเนื่องจากเป็นเนื้อหาที่ซ้ำซ้อนและเว็บไซต์ที่ไม่ได้เป็นตัวแทน ฉันลองค้นหาคำถามที่คล้ายกันที่นี่และในฟอรัมผลิตภัณฑ์ของ Google แต่ไม่สามารถเกิดอะไรขึ้น

11 seo  google-search  javascript  ajax 

มีเหตุผลที่แน่ชัดหรือไม่ว่าทำไมเว็บไซต์ไม่ควรพัฒนาด้วยฟังก์ชั่น ajax ที่โหลดส่วนสำคัญของแต่ละส่วน (สมมติว่ามีองค์ประกอบเช่นส่วนหัวการนำทางและอื่น ๆ ที่ยังคงเหมือนเดิม) แน่นอนว่ามันจะใช้ทรัพยากรน้อยลงเนื่องจากเซิร์ฟเวอร์ไม่ต้องให้บริการเนื้อหาที่ปรากฏในทุกหน้าซึ่งเป็นประโยชน์ต่อทั้งโฮสต์และผู้ใช้ปลายทาง ตอบคำถามโดยคำนึงถึง: พฤติกรรมของเว็บไซต์จาวาสคริปต์นั้นลดระดับลงอย่างงดงามในทุก ๆ กรณี สำหรับคำถามของฉันฉันกำลังพูดถึงเว็บไซต์ใหม่ที่พฤติกรรมนี้สามารถนำไปใช้ได้แทนที่จะเป็นเรื่องปกติดังนั้นจึงไม่มีค่าใช้จ่ายทางเทคนิคใด ๆ - เราไม่ได้กลับไปที่ผลิตภัณฑ์สำเร็จรูปเพื่อนำไปใช้

11 web-development  javascript  ajax  best-practices 

ฉันกำลังคิดเกี่ยวกับการสร้างเครื่องมือที่เริ่มต้นจากรูทของหน้าเว็บและสำรวจเว็บไซต์ทั้งหมดรวบรวมรายการทรัพยากรเช่นไฟล์ CSS / HTML / Javascript จากนั้นเรียกใช้ CSS / Javascript Lint + เครื่องมือตรวจสอบความถูกต้อง HTML + Broken Link Finder ก่อนที่ฉันจะเริ่มสร้างสิ่งนี้ฉันสงสัยว่าสิ่งนี้มีอยู่แล้วหรือไม่? ขอบคุณ ฉันค้นหา Google แล้วไม่มาก

11 javascript  html  css  testing 

รหัสอะซิงโครนัสทำอะไรได้บ้างโดยเฉพาะในสิ่งที่สำเร็จหรืออนุญาตให้โค้ดที่เก่ากว่าทำไม่ได้?

11 javascript  google-analytics 

ทั้งYSlowและPage Speedของ Google ขอแนะนำให้รวมไฟล์สคริปต์ (และสไตล์) ไว้ในไฟล์เดียวเพื่อลดจำนวนคำขอ HTTP และฉันสามารถเห็นประเด็นนี้เมื่อไฟล์สคริปต์สอดคล้องกันทั่วทั้งไซต์ แต่สำหรับเว็บแอปพลิเคชันที่มีข้อกำหนดแตกต่างกันในเว็บไซต์ วิธีที่ฉันเห็นมันมีตัวเลือกน้อย: รวมไฟล์ทั้งหมดที่ใช้ข้ามไซต์และทุกหน้าจะได้รับไฟล์ที่รวมกัน - ข้อเสียคือเนื้อหาที่ไม่ได้ใช้ซึ่งมีความยุ่งเหยิงในสคริปต์ (และการโหลดครั้งแรกที่หนักกว่า รวมไฟล์เข้าด้วยกันในแต่ละหน้า - ข้อเสียคือแต่ละหน้าที่มีข้อกำหนดที่แตกต่างกันจะได้รับไฟล์รวมที่แตกต่างกัน (การโหลดครั้งแรกที่หนักกว่าสำหรับแต่ละประเภทเพจ) เพิกเฉยต่อการตีความคำแนะนำ 'ไฟล์เดียวเท่านั้น' อย่างเข้มงวดและให้โหลดหน้าเว็บหลายไฟล์ตามความเหมาะสมโดยหวังว่าการแคชจะลบจำนวนคำขอ HTTP ในกรณีทั่วไป - ข้อเสียคือจำนวนคำขอ HTTP ในแต่ละหน้า คิด?

11 optimization  css  javascript 

บริษัท ของฉันกำลังลดการสนับสนุน IE6 และฉันเพิ่งรู้ว่าเราสามารถใช้คุณสมบัติที่ยอดเยี่ยมมากมาย มีรายการคุณสมบัติ CSS, Javascript ที่เราสามารถใช้กับ IE6 RIP ได้หรือไม่?

10 javascript  css  internet-explorer-6 

หลายปีที่ผ่านมาฉันใช้โครงสร้างไดเรกทอรีต่อไปนี้สำหรับเว็บไซต์ของฉัน: <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ->someplugin.css ->images -> all website images... มันดูดีสำหรับฉันจนฉันเริ่มใช้องค์ประกอบบุคคลที่สามที่แตกต่างกัน ตัวอย่างเช่นวันนี้ฉันได้ดาวน์โหลดคอมโพเนนต์จาวาสคริปต์ตัวเลือกวันที่ที่ค้นหารูปภาพในไดเรกทอรีเดียวกันกับที่มีไฟล์ css อยู่ (ไฟล์ css มี URL เหมือน "url ('calendar.png')") ดังนั้นตอนนี้ฉันมี 3 ตัวเลือก: 1)ใส่ datepicker.css ลงในไดเรกทอรี css ของฉันและใส่รูปภาพลงไป ฉันไม่ชอบตัวเลือกนี้เพราะฉันจะมีทั้งไฟล์ css และไฟล์รูปภาพในไดเรกทอรี css และมันก็แปลก นอกจากนี้ฉันอาจพบไฟล์จากส่วนประกอบต่าง ๆ ที่มีชื่อเดียวกันเช่น 2 ส่วนประกอบที่ต่างกันซึ่งลิงก์ไปยัง background.png จากไฟล์ css ฉันจะต้องแก้ไขการชนกันของชื่อเหล่านั้น (โดยการเปลี่ยนชื่อไฟล์หนึ่งไฟล์และแก้ไขไฟล์ที่เกี่ยวข้องที่มีลิงค์) 2)ใส่ datepicker.css …

9 web-development  css  javascript  images  content