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

20
PageSpeed ​​Insights 99/100 เนื่องจาก Google Analytics - ฉันจะแคช GA ได้อย่างไร
ฉันกำลังพยายามที่จะเข้าถึง 100/100 ใน PageSpeed ​​และฉันเกือบจะไปแล้ว ฉันพยายามหาทางออกที่ดีในการแคช Google Analytics นี่คือข้อความที่ฉันได้รับ: การใช้ประโยชน์จากการแคชของเบราว์เซอร์การตั้งค่าวันที่หมดอายุหรืออายุสูงสุดในส่วนหัว HTTP สำหรับทรัพยากรแบบคงที่สั่งให้เบราว์เซอร์โหลดทรัพยากรที่ดาวน์โหลดมาก่อนหน้านี้จากดิสก์ภายในเครื่องแทนที่จะผ่านเครือข่าย ใช้ประโยชน์จากการแคชเบราว์เซอร์สำหรับทรัพยากรที่แคชได้ดังต่อไปนี้: http://www.google-analytics.com/analytics.js (2 ชั่วโมง) ทางออกเดียวที่ฉันพบคือจาก 2012 และฉันไม่คิดว่ามันเป็นทางออกที่ดี เป็นหลักคุณคัดลอกรหัส GA และโฮสต์ด้วยตัวคุณเอง จากนั้นคุณเรียกใช้งาน cron เพื่อตรวจสอบ Google วันละครั้งเพื่อรับรหัส GA ล่าสุดและแทนที่ http://diywpblog.com/leverage-browser-cache-optimize-google-analytics/ ฉันสามารถทำอะไรได้อีกเพื่อเข้าถึง 100/100 ในขณะที่ใช้ Google Analytics ด้วย ขอบคุณ.

8
“ กำจัด CSS ที่ปิดกั้นการเรนเดอร์ในเนื้อหาที่อยู่ด้านบนสุด”
ฉันใช้ข้อมูลเชิงลึกของ Google PageSpeed ​​เพื่อพยายามปรับปรุงประสิทธิภาพเว็บไซต์ของฉันและจนถึงตอนนี้ก็พิสูจน์แล้วว่าประสบความสำเร็จอย่างมาก สิ่งต่าง ๆ เช่นการชะลอการทำงานของสคริปต์ทำได้อย่างสวยงามเนื่องจากฉันมี jQuery's รุ่นในบ้านที่.ready()จะเลื่อนการทำงานของสคริปต์จนกระทั่งหน้าโหลดเต็มทั้งหมดที่ฉันต้องทำคือทำแบบอินไลน์ฟังก์ชั่นเฉพาะนั้นและย้ายสคริปต์แบบเต็มไปยังส่วนท้ายของหน้า มันใช้งานได้ดีมาก แต่ตอนนี้ฉันพบว่าตัวเองจ้องมองที่จุดสีเหลืองที่เหลืออยู่ในรายการตรวจสอบ: "กำจัด CSS บล็อกการแสดงผลในเนื้อหาด้านบนพับ" วิธีการตั้งค่า CSS ของฉันคือการมี_.cssไฟล์ทั่วโลกหนึ่งไฟล์ที่มีสไตล์ที่ใช้กับโครงสร้างหน้าเว็บโดยทั่วไปหรือใช้มากกว่าหนึ่งหรือสองแห่งทั่วทั้งไซต์ หน้าส่วนใหญ่จะมีไฟล์ CSS ที่เชื่อมโยง (เช่นparty.phpมีparty.css) ที่มีสไตล์เฉพาะสำหรับหน้านั้น ไฟล์ CSS ทั้งหมดจะถูกแคชอย่างไม่มีกำหนดเมื่อฉันผนวก/t=FILEMTIMEเข้ากับชื่อไฟล์ (และลบออกด้วย. htaccess ในภายหลัง) เพื่อรับประกันว่าไฟล์จะได้รับการอัปเดตเมื่อมีการเปลี่ยนแปลง อย่างไรก็ตาม Google ขอแนะนำการสร้างสไตล์ที่สำคัญที่จำเป็นสำหรับเนื้อหาที่อยู่ด้านบน ปัญหาคือ ... ดีลองดูภาพหน้าจอนี้: http://prntscr.com/1qt49e ที่คุณสามารถดู ... ทั้งหมดของเนื้อหาที่อยู่เหนือ-the-พับ! ผู้คนเกลียดการเลื่อนโดยเฉพาะอย่างยิ่งในเกมที่เกี่ยวข้องกับการโหลดหลายหน้า ดังนั้นฉันจึงออกแบบเว็บไซต์ให้พอดีกับหน้าจอเดียว (สมมติว่ามีความละเอียดที่ดีพอ) ดังนั้นหมายความว่า ... ทั้งหมดของรูปแบบที่นำไปใช้กับข้างต้นครึ่งหน้าเนื้อหา! ดังนั้น ... มีวิธีแก้ไขไหม? หรือฉันติดอยู่กับเครื่องหมายสีเหลืองนั้นบนคะแนนที่ใกล้เคียงอย่างสมบูรณ์?
153 css  pagespeed 

9
การบีบอัดรูปภาพที่ไม่มีการสูญเสีย Page Speed ​​ของ Google ทำงานอย่างไร
เมื่อคุณเรียกใช้ปลั๊กอิน PageSpeed ​​ของ Google สำหรับ Firebug / Firefox บนเว็บไซต์มันจะแนะนำกรณีที่รูปภาพสามารถบีบอัดแบบไม่สูญเสียข้อมูลและให้ลิงก์เพื่อดาวน์โหลดรูปภาพขนาดเล็กกว่านี้ ตัวอย่างเช่น: การบีบอัดhttp://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpgสามารถลดได้ 33.5KiB (ลด 85%) การบีบอัดhttp://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpgสามารถลดได้ 18.5KiB (ลด 77%) การบีบอัดhttp://cdn.uservoice.com/images/widgets/en/feedback_tab_white.png การบีบอัดแบบ Losslessly สามารถประหยัดได้ 262B (ลดลง 11%) การบีบอัดhttp://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.pngสามารถบันทึก 91B (ลด 51%) http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm การบีบอัดแบบLoss loss สามารถประหยัดได้ 61B (ลดลง 5%) สิ่งนี้ใช้ได้กับทั้งไฟล์ JPG และ PNG (ฉันไม่ได้ทดสอบ GIF หรืออื่น ๆ ) หมายเหตุภาพขนาดย่อของ Flickr ด้วย (ภาพเหล่านั้นทั้งหมดคือ 75x75 …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.