วิเคราะห์การโหลดหน้าเว็บ ข้อผิดพลาดในการโหลดและแสดงเมล อย่าปรับขนาดรูปภาพ

บางครั้งเมื่อทำงานกับเมล ปุ่มต่างๆ จะหยุดทำงาน ไม่ได้แนบไฟล์แนบ หรือเบราว์เซอร์รายงานข้อผิดพลาด

เลือกปัญหา:

อักษรอียิปต์โบราณหรืออักขระแปลก ๆ ปรากฏขึ้นเนื่องจากการเข้ารหัสหน้าไม่ถูกต้อง การเข้ารหัสสามารถเปลี่ยนแปลงได้ด้วยไวรัสหรือมัลแวร์

เคียวอิท! จาก Dr.Web และเครื่องมือกำจัดไวรัส

หากเพจไม่โหลดหรือใช้เวลาโหลดนาน คุณจะเห็นข้อความ:

"เกิดข้อผิดพลาด".

"ลองรีเฟรชแท็บเบราว์เซอร์ของคุณหรือลองอีกครั้งในอีกสักครู่".

"โปรดรอ...".

“ลองรีเฟรชหน้าหรือใช้ Mail เวอร์ชัน light”.

เหตุใดเพจจึงไม่โหลดและวิธีแก้ไข:

ส่วนขยายบล็อก Yandex.Mail คุณกำลังใช้เบราว์เซอร์ที่ล้าสมัย

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

ปิดแท็บเบราว์เซอร์ทั้งหมดยกเว้นเมล ปิดการใช้งานแอปพลิเคชันที่ใช้\\nอินเทอร์เน็ตและโหลดหน้าซ้ำ

\\n \\n \\n \\n มีปัญหากับการเชื่อมต่อเครือข่าย \\n \\n

หากต้องการตรวจสอบสิ่งนี้ ให้ไปที่เมลผ่านอินเทอร์เน็ตบนมือถือ หากไม่เกิดข้อผิดพลาด\\n โปรดติดต่อฝ่ายสนับสนุนของผู้ให้บริการของคุณ หากคุณใช้\\nอีเมลที่ทำงาน โปรดรายงานปัญหาไปยังผู้ดูแลระบบของคุณ

\\n \\n \\n \\n เลือกโหมดความเข้ากันได้ไม่ถูกต้องใน Internet Explorer 8 และสูงกว่า \\n \\n

หากคุณใช้โหมดความเข้ากันได้กับ Internet Explorer 8 เวอร์ชันเก่าหรือสูงกว่า อาจทำให้เกิดข้อผิดพลาดได้

โหมดเอกสาร\\n

\\n \\n \\n \\n \\n\\n ")]))\">

ความเร็วอินเทอร์เน็ตลดลง

ปิดแท็บเบราว์เซอร์ทั้งหมดยกเว้นเมล ปิดการใช้งานแอปพลิเคชันที่ใช้อินเทอร์เน็ตและโหลดหน้าซ้ำ

มีปัญหากับการเชื่อมต่อเครือข่าย

หากต้องการตรวจสอบสิ่งนี้ ให้ไปที่เมลผ่านอินเทอร์เน็ตบนมือถือ หากไม่มีข้อผิดพลาดเกิดขึ้น โปรดติดต่อฝ่ายสนับสนุนของผู้ให้บริการของคุณ หากคุณใช้อีเมลที่ทำงาน ให้รายงานปัญหาไปยังผู้ดูแลระบบของคุณ

เลือกโหมดความเข้ากันได้ไม่ถูกต้องใน Internet Explorer 8 และสูงกว่า

หากคุณใช้โหมดความเข้ากันได้สำหรับ Internet Explorer 8 เวอร์ชันเก่าหรือใหม่กว่า อาจทำให้เกิดข้อผิดพลาดได้

ตั้งค่าตัวเลือกโหมดเบราว์เซอร์และ โหมดเอกสารตามเวอร์ชันเบราว์เซอร์ของคุณ

ข้อความแสดงข้อผิดพลาดใบรับรองความปลอดภัยเริ่มต้นด้วยวลี:

"การเชื่อมต่อของคุณไม่ปลอดภัย".

"ไซต์ดังกล่าวคุกคามความปลอดภัยของคอมพิวเตอร์ของคุณ".

"ใบรับรองไม่ถูกต้อง".

"ข้อผิดพลาดในใบรับรองความปลอดภัย".

"การเชื่อมต่อนี้ไม่น่าเชื่อถือ".

เหตุใดข้อผิดพลาดใบรับรองความปลอดภัยจึงปรากฏขึ้นและวิธีแก้ไข:

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

รหัสข้อผิดพลาด	สารละลาย
ssl_error_bad_cert_domain	/
err_cert_date_invalid sec_error_expired_certificate	วันและเวลา . หากมีการกำหนดค่าไม่ถูกต้อง ระบบจะระบุอย่างผิดพลาดว่าใบรับรองยังไม่หมดอายุหรือหมดอายุแล้ว
err_cert_common_name_invalid err_cert_authority_invalid sec_error_unknown_issuer	ตรวจสอบให้แน่ใจว่าการสแกนการเชื่อมต่อ HTTPS ถูกปิดใช้งานในการตั้งค่าโปรแกรมป้องกันไวรัสของคุณ สำหรับข้อมูลเกี่ยวกับวิธีการทำเช่นนี้ใน Kaspersky Internet Security และ ESET NOD32 Smart Security โปรดดูด้านล่างตาราง หากคุณไม่มีโปรแกรมป้องกันไวรัสในคอมพิวเตอร์ ผู้โจมตีอาจปลอมแปลงใบรับรองความปลอดภัยของคุณโดยใช้โค้ดที่เป็นอันตรายหรือการโจมตี MITM ตรวจสอบคอมพิวเตอร์ของคุณเพื่อหาไวรัสโดยใช้โปรแกรมป้องกันไวรัสฟรี: CureIt! จาก Dr.Web และเครื่องมือกำจัดไวรัสจาก Kaspersky Lab

รหัสข้อผิดพลาด	สารละลาย
ssl_error_bad_cert_domain	ตรวจสอบว่าป้อนที่อยู่ที่ถูกต้องลงในแถบที่อยู่ของเบราว์เซอร์ - mail.yandex.ua หรือ Passport.yandex.ua และหลังจาก ua จะมีสัญลักษณ์ / ไม่ใช่จุดหรือสัญลักษณ์อื่น
err_cert_date_invalid sec_error_oscp_invalid_signing_cert sec_error_expired_issuer_certificate sec_error_expired_certificate sec_error_ocsp_future_response	ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งอย่างถูกต้องบนคอมพิวเตอร์ของคุณ

ในช่วงเวลานี้อย่างถาวรประมาณหนึ่งครั้งในสามครั้ง Yandex จดหมายเริ่มส่งข้อความถึงฉันในลักษณะนี้:

แล้วทำไมฉันถึงถูกลงโทษแบบนี้? ฉันพยายามไม่ใส่ใจ กด F5 แต่ประเด็นคืออะไร? แขวนได้หลายชั่วโมงหรือหลายนาที แล้วหายไป ไม่ปรากฏเลยสักวัน แต่สม่ำเสมอ...ถาวร...เสมือนเข้าปฏิบัติหน้าที่ตามแผน “วันสองวัน” (ใช้ได้หนึ่งวันแต่ใช้ไม่ได้กับสองคน!) นี่คือคำขอที่ครอบงำจิตใจของพวกเขา "ใช้เวอร์ชันที่ง่าย"

สุภาพบุรุษที่รับผิดชอบในการพัฒนาและบำรุงรักษายานเดกซ์ เมล์"! ฉันรับรองกับคุณว่าฉันมีคอมพิวเตอร์และการเชื่อมต่ออินเทอร์เน็ตที่ทรงพลังพอสมควร! อย่าขาย Lite ให้ฉัน - เพจสำหรับรถยนต์ที่อ่อนแอ โทรศัพท์มือถือ และการเชื่อมต่อที่อ่อนแอ!

แต่.. การใช้ Yandex Mail เวอร์ชันเต็มเป็นสิ่งสำคัญอย่างยิ่งสำหรับฉัน จริงๆ แล้วฉันย้ายไปที่ยานเดกซ์ เมลเพราะมีฟังก์ชันการทำงานสูง! และนี่... เหมือนเคียวในลูกบอล... ในเวอร์ชันที่เบาที่สุดนี้ ฟังก์ชั่นการทำงานถูกตัดออกไป

ฉันจงใจไม่เข้าไปค้นหาใน Google และไม่เขียนจดหมายถึงยานเดกซ์ ฉันไม่ได้พยายามที่จะ "แก้ไข" ปัญหา เพื่ออะไร? ปัญหาไม่ได้ของฉัน มันไม่เกี่ยวกับฮาร์ดแวร์หรือซอฟต์แวร์ของฉัน แต่ฉันถือว่าเป็นหน้าที่ของฉันที่จะต้องแจ้งให้ผู้คนทราบว่าปัญหาดังกล่าวมีอยู่จริง

ปัญหาเกิดขึ้น อย่างถาวรบน แตกต่างผู้ให้บริการ การกำหนดค่าฮาร์ดแวร์ ซอฟต์แวร์ ช่วงเวลา ฯลฯ

อย่างไรก็ตามปัญหานี้มีอยู่เมื่อไม่นานมานี้ อาจจะหกเดือนอย่างมากที่สุด ไม่เคยมีมาก่อนยานเดกซ์ เมลไม่ได้บั๊กมาก!

แต่.. หากยังดำเนินต่อไปอีกนานพอ คุณก็ต้องย้ายออกจาก Yandex อนิจจา...

เราได้เปิดตัวหนังสือเล่มใหม่ การตลาดเนื้อหาโซเชียลมีเดีย: วิธีเข้าถึงหัวผู้ติดตามของคุณ และทำให้พวกเขาตกหลุมรักแบรนด์ของคุณ

Neil Patel เผยแพร่บทความเกี่ยวกับวิธีเพิ่มความเร็วไซต์บนมือถือ

เหตุใดจึงจำเป็น: ในปี 2014 เว็บไซต์ของ Walmart ใช้เวลาโหลด 7 วินาทีบนอุปกรณ์เคลื่อนที่ โดยแสดงให้ผู้ใช้เห็นหน้าจอสีขาว ตลอดระยะเวลาหนึ่งปี Walmart ลดเวลาในการโหลดหน้าเว็บลงเหลือ 2.9 วินาที เราจัดการเพื่อตัดเวลาออกไป 4 วินาทีโดยการลดอุปสรรคในการโหลด: ลดความซับซ้อนของโค้ด JavaScript, ลบแบบอักษรที่ช้า, ปรับรูปภาพให้เหมาะสม ความเร็วที่เพิ่มขึ้นทุกวินาทีทำให้การแปลงไซต์เพิ่มขึ้น 2%

บวก 2% เพียงเพราะผู้ใช้เริ่มรอน้อยลง 1 วินาทีก่อนที่เพจจะเปิด นี่เป็นเหตุผลที่ดีในการตรวจสอบเว็บไซต์ของคุณ แม้ว่าคุณจะดูเหมือนว่ามันทำงานเร็ว แต่กลับกลายเป็นว่ายังมีวินาทีพิเศษอยู่ และพวกมันกำลังขโมยกำไรของคุณ Neil Patel พูดถึงวิธีค้นหาว่าไซต์ของคุณเร็วแค่ไหน และจะเร่งความเร็วได้อย่างไรหากจำเป็น

อิรินา วินนิเชนโก

นักการตลาดเนื้อหา SEMANTICA

ความเร็วในการโหลดเว็บไซต์เป็นตัวแปรสำคัญสำหรับการโปรโมตในเครื่องมือค้นหา ความเร็วต่ำจะช่วยลดจำนวนลูกค้าบนเว็บไซต์บริการ ยอดขายในร้านค้าออนไลน์ และจำนวนผู้เข้าชมบล็อก

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

• pr-cy.ru
• mainspy.ru
• airi.rf

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับวิธีกำหนดความเร็วในการโหลดไซต์ได้ในบทความความหมาย

ในบทความของฉัน ฉันพูดถึงความสำคัญของการเพิ่มประสิทธิภาพอุปกรณ์เคลื่อนที่เป็นอย่างมาก ทำไมฉันถึงทำเรื่องใหญ่เกี่ยวกับเรื่องนี้?

เพราะทราฟฟิกบนมือถือคือความเป็นจริงของโลกดิจิทัล ตอนนี้มีความสำคัญมากกว่าปริมาณการใช้เดสก์ท็อป 51.3% ของผู้ใช้อินเทอร์เน็ตทั้งหมดเป็นผู้ใช้อุปกรณ์เคลื่อนที่ ในอนาคตจำนวนจะเพิ่มขึ้น

วิธีปัจจุบันในการปรับเว็บไซต์ให้เข้ากับอุปกรณ์มือถือคือการออกแบบเว็บไซต์แบบตอบสนองพร้อมป๊อปอัปที่ไม่สร้างความรำคาญ

การออกแบบเว็บไซต์แบบปรับเปลี่ยนได้ช่วยให้มั่นใจได้ว่าการแสดงหน้าแหล่งข้อมูลที่ถูกต้องบนหน้าจอใดๆ เช่น แท็บเล็ต โทรศัพท์ แล็ปท็อป ทำได้โดยการเลือกสไตล์ชีท โดยซ่อนองค์ประกอบบางอย่าง

นอกจากนี้ แนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพทั้งหมดที่พัฒนาขึ้นสำหรับเดสก์ท็อปยังนำไปใช้กับอุปกรณ์เคลื่อนที่ด้วย ฉันจะบอกคุณเกี่ยวกับหนึ่งในนั้น – ความเร็ว

เหตุใดการคิดถึงความเร็วจึงเป็นสิ่งสำคัญ

ผู้ใช้คาดหวังว่าไซต์จะโหลดได้เร็ว หากช้า คุณจะสูญเสียการรับส่งข้อมูลจำนวนมาก
ผมขอยกตัวอย่างการศึกษาให้คุณฟัง เมื่อถูกถามว่าคุณพบเว็บไซต์ที่ใช้เวลาโหลดบนมือถือนานเกินไปหรือไม่ ผู้ใช้ 73% ตอบว่าเป็นบวก 40% ออกจากไซต์หากใช้เวลาโหลดเกิน 3 วินาที

มีการศึกษาที่แสดงให้เห็นว่าผู้คนคาดหวังว่าเว็บไซต์จะโหลดเร็วขึ้นอีก - ภายในพริบตาเดียว นั่นคือภายใน 400 มิลลิวินาที

อย่าลืมว่า Google ให้ความสำคัญกับความเร็วในการโหลดไซต์ด้วย โดยจะใช้ความเร็วเป็นปัจจัยในการจัดอันดับ

ค้นหาความเร็วในการโหลดเว็บไซต์ของคุณ

คุณอาจคิดว่าเว็บไซต์ของคุณโหลดเร็วพอ แต่อาจจะช้ากว่าที่คิด

หนึ่งในการทดสอบความเร็วไซต์บนมือถือที่ดีที่สุดคือ Think With Google:

เราจะทดสอบบน Amazon.com เพราะมักใช้กับโทรศัพท์มือถือ

กระบวนการวิเคราะห์ใช้เวลาหนึ่งหรือสองนาที

เมื่อการวิเคราะห์เสร็จสิ้น คุณจะเห็นคะแนนสามคะแนน:

ในบทความนี้ การประเมินสองรายการแรกมีความสำคัญสำหรับเรา: ความเหมาะกับอุปกรณ์เคลื่อนที่และความเร็วของอุปกรณ์เคลื่อนที่ นั่นคือ ความสามารถในการปรับตัวของเว็บไซต์สำหรับผู้ใช้อุปกรณ์เคลื่อนที่และความเร็วในการโหลด

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

ปรับปรุงการออกแบบไซต์บนมือถือของคุณ

จำช่วงเวลาที่คุณสร้างการออกแบบเว็บไซต์ของคุณ คุณได้คำนึงถึงอุปกรณ์เคลื่อนที่แล้วหรือยัง? แทบจะไม่.

เป็นไปได้มากว่าในขณะนั้นเดสก์ท็อปจะเป็นอันดับแรก แต่ตอนนี้เราจำเป็นต้องพิจารณาแนวทางการออกแบบโดยคำนึงถึงความเป็นจริงใหม่อีกครั้ง

เว็บไซต์บนมือถือมีการเปลี่ยนแปลงไปมากในช่วงสองสามปีที่ผ่านมา ก่อนหน้านี้ เป็นเรื่องปกติที่จะมีเว็บไซต์สองเวอร์ชัน - ปกติ เดสก์ท็อป และอุปกรณ์เคลื่อนที่ อย่างหลังถูกระบุอย่างง่ายดายด้วยโดเมนย่อย “m”:

ในสถานการณ์นี้ ไซต์บนมือถือและเดสก์ท็อปได้รับการจัดการแตกต่างกัน สามารถเปรียบเทียบกับ McDonald's และ McAuto ได้ Desktop เป็นร้านอาหารของแมคโดนัลด์ ไซต์บนมือถือคือ MakAvto

ซึ่งหมายความว่าเวอร์ชันมือถือเป็นแอปพลิเคชันบนเดสก์ท็อป แต่ไม่สามารถให้บริการและความสะดวกสบายเหมือนกับไซต์เดสก์ท็อปหลักได้

แต่ตอนนี้ยังไม่เพียงพอ ผู้ใช้อุปกรณ์ต้องการประสบการณ์ที่ดีที่สุด พวกเขาต้องการบริการที่เป็นเลิศและรวดเร็ว การออกแบบเว็บไซต์ที่ตอบสนองจะช่วยตอบสนองความต้องการของพวกเขา

การออกแบบเว็บที่ตอบสนองหมายถึงความสามารถของไซต์ในการเปลี่ยนแปลงโดยขึ้นอยู่กับอุปกรณ์ที่ใช้เปิด ดังนั้น ผู้ใช้เบราว์เซอร์บนมือถือและเดสก์ท็อปจะเปิดไซต์เดียวกัน แต่วิธีที่พวกเขาเห็นจะขึ้นอยู่กับอุปกรณ์ที่ใช้ในการดาวน์โหลด

Google ชอบแนวทางนี้ ดังที่เห็นได้จากคำแถลงของบริษัทที่ว่า "การออกแบบที่ตอบสนองคือรูปแบบการออกแบบที่ Google แนะนำ"

คุณอาจจะคิดว่า “เอาล่ะ เจ๋งเลย แต่การออกแบบเว็บไซต์แบบตอบสนองสามารถช่วยฉันแก้ไขปัญหาความเร็วได้อย่างไร

การออกแบบเว็บที่ตอบสนองมักจะทำให้ไซต์โหลดได้เร็วกว่าเวอร์ชันมือถือ เมื่อใช้งาน คุณจะได้รับประโยชน์ด้าน SEO อย่างมาก

ดังนั้นหากคุณยังไม่มีการออกแบบเว็บไซต์แบบตอบสนอง ก็ถึงเวลาคิดแล้ว

ทำให้เว็บไซต์ของคุณเป็นเรื่องง่าย

เมื่อไซต์มีการแสดงภาพจำนวนมาก ดูเหมือนว่าจะดูดี ทำให้ง่ายต่อการดึงดูดผู้ใช้
แต่บางครั้งก็มีการแสดงภาพมากเกินไป ส่งผลให้ไซต์โหลดช้าลง ยิ่งคุณเพิ่มรูปภาพใหญ่ขึ้นเท่าใด เวลาในการโหลดก็จะนานขึ้นเท่านั้น

นักพัฒนาเรียกรหัสเงื่อนไขนี้ว่า bloat หรือซอฟต์แวร์ที่บวม เมื่อแปลเป็นภาษาของผู้ใช้ที่ไม่ใช่โปรแกรมเมอร์ ไซต์จะเต็มไปด้วยโค้ดที่ไม่จำเป็น

ในกรณีส่วนใหญ่ สาเหตุของการปรากฏตัวของโค้ดที่ไม่จำเป็นคือการที่นักออกแบบให้ความสำคัญกับการนำเสนอด้วยภาพมากเกินไป มากเกินไปเพราะแน่นอนว่าต้องคำนึงถึงการออกแบบที่สวยงามด้วย แต่ในขณะเดียวกัน ประสิทธิภาพของไซต์ก็ไม่ควรจางหายไปในพื้นหลัง

โชคดีที่ประสิทธิภาพและการออกแบบที่สวยงามเข้ากันได้อย่างลงตัว เคล็ดลับบางประการ:

ลดความซับซ้อน

เลโอนาร์โด ดา วินชี กล่าวว่า “ความเรียบง่ายคือขีดจำกัดสูงสุดของประสบการณ์” เกือบห้าร้อยปีต่อมา คำพูดของเขายังคงเป็นจริง หากคุณมองไปรอบๆ คุณจะเห็นว่าทุกสิ่งที่ซับซ้อนรอบตัวคุณถูกแทนที่ด้วยการออกแบบที่เรียบง่าย สิ่งนี้ใช้ได้กับเว็บไซต์ด้วย โดยเฉพาะอุปกรณ์พกพาเนื่องจากมีพื้นที่บนหน้าจออุปกรณ์พกพาน้อยเกินไป เป็นเรื่องง่ายที่จะทำให้พื้นที่ห้องนิรภัยแน่นเกินไป ลองคิดหาวิธีหลีกเลี่ยงความยุ่งเหยิง

โดยทั่วไปแล้ว ไซต์บนมือถือต้องมี CTA เดียวต่อหน้าเท่านั้น ข้อจำกัดนี้จะช่วยคุณลดโค้ดและส่งผลดีต่อประสบการณ์ผู้ใช้

นี่คือตัวอย่างการออกแบบที่เรียบง่ายจาก Rug Doctor:

มีเสน่ห์ ไม่มีความเงางามเป็นพิเศษ ดึงดูดความสนใจ

คุณไม่จำเป็นต้องมีสีและรูปถ่ายที่สดใสเพื่อดึงดูดความสนใจของผู้ใช้ เมื่อพูดถึงการออกแบบสำหรับอุปกรณ์เคลื่อนที่ มักจะให้น้อยลง

ลดขั้นตอนของคุณ

ยิ่งผู้เยี่ยมชมเว็บไซต์ต้องทำน้อยเท่าไรก็ยิ่งดีเท่านั้น

เหตุใดจึงต้องมี 7 ขั้นตอนระหว่างผู้ซื้อและผู้ซื้อ ในเมื่อ 3 ขั้นตอนก็เพียงพอแล้ว การลดช่องทางการขายจะช่วยให้คุณขายผลิตภัณฑ์ได้เร็วขึ้น และลดความซับซ้อนของกระบวนการสำหรับผู้ใช้

ร้านค้าออนไลน์หลายแห่งใช้กลยุทธ์นี้ ประสบการณ์ของพวกเขาแสดงให้เห็นว่าการลดขั้นตอนของช่องทางช่วยเพิ่มยอดขาย

ตัวอย่างเช่น ฉันจะให้เว็บไซต์มือถือของ Boden แก่คุณ มันง่ายมากที่จะซื้อสินค้าที่นั่น คุณเพียงเพิ่มลงในรถเข็น กรอกข้อมูลการชำระเงิน และชำระเงิน

ตรงไปตรงมาและเรียบง่าย ไม่มีอะไรพิเศษ

อีกครั้ง โดยการลดขั้นตอนให้สั้นลง เราก็ทำให้โค้ดสั้นลง มันเป็นเรื่องยากที่จะทำให้ใหญ่ขึ้นด้วยจำนวนหน้าขั้นต่ำบนเว็บไซต์

ใช้รูปภาพน้อยลง

รูปภาพที่ดีมีประโยชน์สำหรับเว็บไซต์ใด ๆ ผู้ใช้ชอบพวกเขาและช่วยเหลือในเรื่อง SEO แต่หากมีของดีมากเกินไปก็เลิกดี

สำหรับการอ้างอิง รูปภาพจะใช้เวลาประมาณ 63% ของน้ำหนักหน้า

ตั้งแต่ปี 2554 ถึง 2558 น้ำหนักเฉลี่ยของเพจบนมือถือเพิ่มขึ้นสามเท่า

รูปภาพเป็นองค์ประกอบที่มีความต้องการมากที่สุดของหน้า พวกเขาใช้พื้นที่มาก รูปภาพจำนวนมากโดยไม่จำเป็นก็ไม่ดี

มีสองวิธีในการลดน้ำหนักของรูปภาพ:

• ครอบตัดรูปภาพ
• บีบอัดรูปภาพ

ฉันชอบตัวเลือกที่สองมากกว่า การบีบอัดจะช่วยลดน้ำหนักของภาพ ไม่ส่งผลต่อคุณภาพ และลดเวลาในการโหลดหน้าเว็บ นอกจากนี้ โปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหายังรวบรวมข้อมูลและจัดทำดัชนีหน้าเว็บด้วยรูปภาพที่บีบอัดได้ง่ายขึ้นอีกด้วย

อย่าใช้แบบอักษรที่กำหนดเอง

ฉันชอบแบบอักษรที่สวยงาม แต่ส่วนใหญ่มีความต้องการมาก

บางคนกิน CSS เป็นจำนวนมาก บางคนก็ใช้ JavaScript น้อยลง ไม่ว่าในกรณีใด คุณจะต้องจัดการกับโค้ดจำนวนมหาศาล

ลดขนาดรหัสของคุณ

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

เมื่อคุณรวบรวมสถิติเกี่ยวกับเวลาในการโหลดหน้าเว็บและแบนด์วิธที่มีประสิทธิภาพสำหรับผู้ใช้จริงแล้ว คุณสามารถทดลองกับการเปลี่ยนแปลงที่สามารถปรับปรุงการวัดเหล่านี้ได้ ในกรณีที่ประสบความสำเร็จอย่างมากในการปรับปรุงตัวบ่งชี้นี้ ก็คุ้มค่าที่จะรวมการเปลี่ยนแปลงที่เกิดขึ้นเข้าด้วยกัน

เคล็ดลับบางส่วนด้านล่างนี้ปรากฏในบทความอื่นแล้ว: เคล็ดลับจาก Yahoo, การรวมไฟล์ CSS, การเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บ และอื่นๆ อีกมากมาย อย่างไรก็ตาม การทำซ้ำเป็นประสบการณ์การเรียนรู้ และมีประเด็นใหม่ๆ ในเคล็ดลับต่อไปนี้

คุณสามารถลองทำสิ่งต่อไปนี้:

หากผู้ใช้ดาวน์โหลดออบเจ็กต์ที่ไม่สามารถแคชหรือไม่สามารถแคชได้มากกว่าหนึ่งโหลขึ้นไปเป็นประจำ ก็คุ้มค่าที่จะกระจายการดาวน์โหลดไปยัง 4 โฮสต์ ในกรณีนี้ ผู้ใช้มักจะสามารถสร้างการเชื่อมต่อได้มากกว่า 4 เท่า หากไม่มีไปป์ไลน์ HTTP จะส่งผลให้การสูญเสียในการส่งคำขอลดลงประมาณ 4 เท่า

เมื่อสร้างเพจ คุณจะต้องเผชิญกับภารกิจในการกระจายภาพไปยังโฮสต์ที่แตกต่างกัน 4 แห่ง วิธีที่ง่ายที่สุดคือใช้ฟังก์ชันแฮชใดๆ เช่น MD5 แทนที่จะดาวน์โหลดทุกอย่าง จาก http://static.example.com/ เดียว สร้าง 4 โฮสต์ (เช่น static0.example.com , static1.example.com , static2.example.com , static3.example.com ) และใช้ 2 บิตจากจำนวน MD5- สำหรับแต่ละภาพเพื่อเลือกโฮสต์ที่จะใส่ลิงค์เพื่อดาวน์โหลด ตรวจสอบให้แน่ใจว่าทุกหน้าใช้อัลกอริธึมการจับคู่ที่เหมือนกัน (ชี้ไปที่โฮสต์เดียวกันสำหรับทุกภาพ) มิฉะนั้น คุณจะต่อสู้กับการแคชโดยไม่เกิดประโยชน์

อย่างไรก็ตาม เป็นที่น่าสังเกตว่าการเพิ่มโฮสต์อื่นจะเพิ่มค่าใช้จ่ายในการค้นหา DNS เพิ่มเติมและการตั้งค่าการเชื่อมต่อ HTTP หากผู้ใช้เปิดใช้งานการประมวลผลคำขอไปป์ไลน์หรือเพจโหลดอ็อบเจ็กต์น้อยกว่าสิบอ็อบเจ็กต์ ( โดยส่วนตัวแล้ว ฉันขอแนะนำให้กำหนดเป้าหมาย 5-6 ต่อโฮสต์ เช่น ด้วย 10 วัตถุคุณสามารถเข้าสู่โฮสต์ที่สองได้ 16 - หนึ่งในสามและ 25 - หนึ่งในสี่) จากนั้นผู้ใช้จะไม่รู้สึกถึงประโยชน์จากการเพิ่มจำนวนคำขอแบบขนาน และแทนที่จะเร่งการโหลดไซต์ พวกเขาจะสังเกตเห็นว่าคำขอช้าลง ประโยชน์ของวิธีนี้จะปรากฏเฉพาะกับเพจที่มีออบเจ็กต์ภายนอกจำนวนมากเท่านั้น การวัดความแตกต่างของเวลาในการโหลดสำหรับผู้ใช้ของคุณนั้นคุ้มค่าก่อนที่จะนำเทคนิคนี้ไปใช้อย่างเต็มที่

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

พิจารณาวางวัตถุขนาดเล็ก (หรือมิเรอร์ หรือแคช) ให้ใกล้กับผู้ใช้มากที่สุดในแง่ของเวลาแฝงของเครือข่าย สำหรับไซต์ขนาดใหญ่ที่มีผู้ชมจากต่างประเทศ คุณสามารถใช้เครือข่ายการจัดส่งเนื้อหาแบบชำระเงินได้ ( เครือข่ายการจัดส่งเนื้อหา) และ VM แต่ละรายการภายใน 50 มิลลิวินาทีสำหรับผู้ใช้ 80% พร้อมด้วยวิธีการที่หลากหลายในการกระจายคำขอของผู้ใช้ไปยัง VM ที่ใกล้เคียงที่สุด ( อย่างไรก็ตาม นี่เป็นวิธีการทำงานของเว็บไซต์ของบริษัทต่างประเทศหลายแห่ง รวมถึง Acronis ซึ่งกระจายผู้ใช้ไปยังเวอร์ชันท้องถิ่นขึ้นอยู่กับที่ตั้งทางภูมิศาสตร์).

ตรวจสอบเว็บไซต์ของคุณเป็นประจำโดยเข้าสู่ระบบโดยใช้การเชื่อมต่อ "ปกติ" ในกรณีของฉัน การใช้ "พร็อกซีที่ช้า" ที่จำลองการเชื่อมต่อ DSL ที่ไม่ดีจากนิวซีแลนด์ (768Kbps ใน, 128Kbps ขึ้นไป, เวลาแฝง 250ms, การสูญเสียแพ็กเก็ต 1%) แทนที่จะเป็นลิงก์กิกะไบต์ที่มีเวลาไม่กี่มิลลิวินาทีจากเซิร์ฟเวอร์ในรัฐที่ได้รับการพิสูจน์แล้วว่าค่อนข้างดี มีประโยชน์. เราระบุและแก้ไขปัญหาการทำงานและการใช้งานจำนวนหนึ่งได้อย่างรวดเร็วมาก

เพื่อจำลองการเชื่อมต่อที่ช้าเช่นนี้ ฉันใช้โมดูลเคอร์เนล Linux netem และ HTB ซึ่งมีให้ใช้งานได้ตั้งแต่เวอร์ชัน 2.6 โมดูลทั้งสองนี้ได้รับการติดตั้งด้วยคำสั่ง นี่เป็นการจำลองที่แม่นยำที่สุดที่ฉันพบ แต่ฉันจะไม่เรียกมันว่าสมบูรณ์แบบ โดยส่วนตัวแล้วฉันไม่ได้ใช้มัน แต่ความเห็นทั่วไปก็คือมีคุณลักษณะที่ซ่อนอยู่ในเบราว์เซอร์ซึ่งช่วยให้คุณได้รับข้อมูลเพิ่มเติมเกี่ยวกับการดาวน์โหลดด้วย

หากคุณคุ้นเคยกับโปรโตคอล HTTP และ TCP/IP ในระดับแพ็คเก็ต คุณสามารถลองดูสิ่งที่เกิดขึ้นโดยใช้ tcpdump หรือ เครื่องมือเหล่านี้เป็นสิ่งที่ต้องมีสำหรับการดีบักเครือข่ายทุกประเภท

ลองทดสอบหน้าที่โหลดบ่อยของเว็บไซต์ของคุณเพื่อดูประสิทธิภาพจากเครือข่ายท้องถิ่นของคุณโดยใช้เครือข่ายที่มาพร้อมกับเว็บเซิร์ฟเวอร์ Apache หากเซิร์ฟเวอร์ตอบสนองนานกว่า 5-10 มิลลิวินาทีเมื่อสร้างเพจ ก็ควรพิจารณาให้ดีว่าใช้เวลาเซิร์ฟเวอร์ใด

หากผลลัพธ์ของเวลาแฝงจากการทดสอบเหล่านี้สูงมาก และกระบวนการของเว็บเซิร์ฟเวอร์ (หรือ CGI หากคุณใช้งานอยู่) กำลังกิน CPU มากเกินไป สาเหตุมักจะเกิดจากการคอมไพล์สคริปต์ขณะรันไทม์ในทุกคำขอ ซอฟต์แวร์เช่น eAccelerator สำหรับ PHP, mod_perl สำหรับ perl, mod_python สำหรับ python ฯลฯ สามารถแคชสคริปต์ฝั่งเซิร์ฟเวอร์ในสถานะที่คอมไพล์แล้ว ทำให้เว็บไซต์ของคุณโหลดเร็วขึ้นอย่างมาก นอกจากนี้ การค้นหาเครื่องมือสร้างโปรไฟล์สำหรับภาษาการเขียนโปรแกรมของคุณก็คุ้มค่าที่จะพิจารณาว่าทรัพยากร CPU ถูกใช้ไปที่ใด หากคุณสามารถกำจัดสาเหตุของการโหลด CPU สูงได้ หน้าเว็บจะให้บริการเร็วขึ้น และคุณจะสามารถให้บริการการรับส่งข้อมูลได้มากขึ้นในเครื่องที่น้อยลง

หากไซต์ของคุณเรียกใช้การสืบค้นฐานข้อมูลจำนวนมากหรือการคำนวณจำนวนมากเมื่อสร้างเพจ คุณอาจต้องการพิจารณาเพิ่มการแคชฝั่งเซิร์ฟเวอร์สำหรับการทำงานที่ช้า คนส่วนใหญ่เริ่มต้นด้วยการเขียนแคชลงในหน่วยความจำภายในหรือดิสก์ในเครื่อง อย่างไรก็ตาม ตรรกะนี้จะหยุดทำงานหากระบบของคุณขยายไปยังคลัสเตอร์ของเว็บเซิร์ฟเวอร์ ( แต่ละอันมีดิสก์ในเครื่องและหน่วยความจำในเครื่องของตัวเอง- การพิจารณาใช้ memcached เป็นสิ่งที่คุ้มค่า ซึ่งจะสร้างแคชที่ใช้ร่วมกันที่รวดเร็วมาก ซึ่งจะรวบรวม RAM ที่ว่างของเครื่องที่มีอยู่ทั้งหมด ลูกค้าได้รับการย้ายไปยังภาษาทั่วไปส่วนใหญ่

(ไม่บังคับ) ร้องขอให้ผู้จำหน่ายเบราว์เซอร์เปิดใช้งานการไปป์ไลน์คำขอ HTTP เป็นค่าเริ่มต้นในเบราว์เซอร์ใหม่ หากทำเช่นนี้เราก็ไม่ต้องแสดง "รำรำรำ" เหล่านี้ ( เทคนิคเหล่านี้) และเว็บส่วนใหญ่จะโหลดเร็วขึ้นสำหรับผู้ใช้ทั่วไป (สิ่งนี้ถูกปิดใช้งานใน Firefox ซึ่งอาจเป็นเพราะพร็อกซีบางตัว ตัวโหลดบาลานเซอร์บางตัว และ IIS บางเวอร์ชัน ( สวัสดีไมโครซอฟต์!) ที่ทำให้เกิดอาการตกใจในระหว่างการร้องขอไปป์ไลน์ แต่ดูเหมือนว่า Opera จะทำงานที่สำคัญเพื่อเปิดใช้งานคุณสมบัตินี้ตามค่าเริ่มต้น ทำไมเบราว์เซอร์อื่นถึงไม่ทำเช่นนี้?)

บทสรุป

รายการนี้ประกอบด้วยความคิดของฉันเกี่ยวกับการเพิ่มความเร็วของการสื่อสารระหว่างเบราว์เซอร์และเซิร์ฟเวอร์ และสามารถนำไปใช้กับไซต์ต่างๆ โดยทั่วไปได้ ไม่ว่าเว็บเซิร์ฟเวอร์หรือภาษาในการพัฒนาจะใช้ในการเขียนไซต์อย่างไร อย่างไรก็ตาม น่าเสียดายที่สิ่งเหล่านี้เกิดขึ้นไม่บ่อยนัก

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

ใน Google Chrome เช่นเดียวกับเบราว์เซอร์ Windows OS อื่น ๆ มีปัญหาว่าหลังจากโหลดหน้าเว็บแล้ว ไฟล์ที่ดาวน์โหลดบางไฟล์จะถูกบันทึกลงในคอมพิวเตอร์

เมื่อเวลาผ่านไป พวกเขาเริ่มใช้พื้นที่บนฮาร์ดไดรฟ์ของคุณมากเกินไป

คุณต้องล้างคุกกี้เป็นประจำ แม้ว่าทุกอย่างจะเรียบร้อยดีก็ตาม ขั้นตอนนั้นใช้เวลาไม่นานเพราะดำเนินการได้ง่ายมากใน Google Chrome

มันคืออะไร

ก่อนที่จะล้างแคชใน Google Chrome บน Windows ควรทำความเข้าใจว่ามันคืออะไร คำว่า cache มาจากคำภาษาอังกฤษว่า cashe หมายถึงแคชหรือที่เก็บข้อมูล มักเรียกอีกอย่างว่า "คุกกี้" เนื่องจากเป็นข้อมูลข้อความจากเว็บไซต์ที่จัดเก็บไว้ในคอมพิวเตอร์ของผู้ใช้ หากเราเพิกเฉยรายละเอียดทางเทคนิค เราสามารถพูดได้ว่าที่เก็บข้อมูลที่เป็นเอกลักษณ์ดังกล่าวทำให้สามารถเปิดและแสดงไซต์เหล่านั้นที่ผู้ใช้เคยเยี่ยมชมผ่าน Chrome ได้อย่างรวดเร็ว

โดยทั่วไปแล้ว พื้นที่เก็บข้อมูลดังกล่าวเป็นตัวเลือกที่ยอดเยี่ยมสำหรับการประหยัดการรับส่งข้อมูลอินเทอร์เน็ตของคุณ ตัวอย่างเช่น หลังจากที่คุณดูวิดีโอบนไซต์ใดไซต์หนึ่งแล้ว เมื่อคุณดูอีกครั้ง คุณไม่จำเป็นต้องดาวน์โหลดวิดีโอทั้งหมดจากเครือข่ายอีกครั้ง ความจริงก็คืออัลกอริธึมของเบราว์เซอร์จะสร้างสำเนาของวิดีโอนั้นโดยอัตโนมัติและวางไว้ในหน่วยความจำของคอมพิวเตอร์ ดังนั้นจึงสร้างคุกกี้และแคช นอกจากนี้ยังช่วยให้โหลดได้เร็วขึ้นอีกด้วย

อย่างไรก็ตาม กรณีนี้ก็มีด้านลบเช่นกัน เช่น:

• หากมีการเปลี่ยนแปลงในเว็บไซต์หลังจากเข้าชมจากเบราว์เซอร์และข้อมูลเกี่ยวกับเว็บไซต์ถูกบันทึกไว้ในคุกกี้ เว็บไซต์บางส่วนจะไม่แสดงในรูปแบบใหม่ เหตุผลก็คือมีรูปภาพของเว็บไซต์เวอร์ชันเก่าอยู่ในหน่วยความจำซึ่งโหลดโดยอัลกอริธึมของเบราว์เซอร์และสามารถแสดงให้ผู้ใช้เห็นได้ เพื่อหลีกเลี่ยงปัญหานี้ คุณจะต้องล้างข้อมูลการจัดเก็บข้อมูลของคุณให้ทันเวลา
• ด้านลบอีกประการหนึ่งคือข้อมูลดังกล่าวหากไม่ได้ทำความสะอาดเป็นเวลานานจะใช้พื้นที่บนฮาร์ดไดรฟ์เป็นจำนวนมากซึ่งจะลดพื้นที่ว่างลง

วิธีทำความสะอาด

ขั้นตอนนั้นง่ายที่สุด ก่อนอื่นคุณต้องเปิดเบราว์เซอร์ผ่าน Windows ตอนนี้คุณต้องกดคีย์ผสม Shift + Ctrl + Delete นี่เป็นวิธีที่เร็วที่สุดในการเปิดคุกกี้ของเบราว์เซอร์ ซึ่งสามารถทำได้ด้วยวิธีอื่น ในการดำเนินการนี้คุณต้องค้นหาปุ่มเพื่อเข้าสู่เมนูใน Chrome (ในเวอร์ชันล่าสุดจะมีจุดสามจุดที่จัดเรียงในคอลัมน์) เรียกว่า "การตั้งค่าและการจัดการ" แล้วคลิก

ในเมนูบริบทที่ปรากฏขึ้นคุณต้องเลือกรายการ "การตั้งค่า" หลังจากนั้นแท็บจะเปิดขึ้นพร้อมพารามิเตอร์ทั้งหมดสำหรับการเปลี่ยนแปลง เราลงไปที่ด้านล่างสุดของหน้าซึ่งมีปุ่ม "แสดงการตั้งค่าเพิ่มเติม" อยู่และคลิก เราพบส่วน "ข้อมูลส่วนบุคคล" ที่นั่น ซึ่งคุณจะต้องคลิกที่ปุ่ม "ล้างประวัติ"

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

การดำเนินการนี้เป็นการเสร็จสิ้นขั้นตอนการล้างข้อมูลการจัดเก็บไฟล์ในเบราว์เซอร์ Google Chrome ผ่านทาง Windows อย่างไรก็ตามควรบอกด้วยว่าในขณะที่อยู่ในส่วนการตั้งค่า "ข้อมูลส่วนบุคคล" คุณสามารถระบุความถี่ในการลบข้อมูลที่จัดเก็บไว้ใน Google Chrome บางประเภทได้ ซึ่งจะทำให้แน่ใจได้ว่าไฟล์บางไฟล์จะไม่ถูกลบ แต่จะลบเฉพาะไฟล์ที่ล้าสมัยและไม่เกี่ยวข้องอีกต่อไป นอกจากนี้ยังควรบอกว่าคุกกี้และแคชมีความแตกต่างอย่างมีนัยสำคัญ:

• สิ่งแรกคือร่องรอยแปลก ๆ ที่เหลืออยู่หลังจากเยี่ยมชมไซต์ในรูปแบบของข้อมูลที่แลกเปลี่ยนระหว่างเว็บไซต์และ Chrome เอง
• ส่วนที่สองคือคลังวิดีโอ เพลง และภาพถ่ายที่ดาวน์โหลดจากเว็บไซต์ต่างๆ

คุณยังสามารถลบไฟล์ที่บันทึกไว้ทั้งหมดได้โดยไม่ต้องเข้าไปใน Chrome ในการดำเนินการนี้ คุณจะต้องเปิดโฟลเดอร์นั้นใน Windows ที่เก็บโฟลเดอร์เหล่านั้นไว้
โดยทั่วไปสามารถทำได้โดยไปที่ C:\Documents and Settings\Admin\Local Settings\Application Data\Google\Chrome\User Data\Default\Cache\ โดยที่ “Admin” คือชื่อผู้ใช้ Windows