Bundlephobia - ดูขนาดของแพ็กเกจก่อนที่คุณจะเพิ่ม

Description

อยากทราบหรือไม่ว่า npm แพ็กเกจใหม่จะทำให้โปรเจกต์ของคุณใหญ่ขึ้นแค่ไหน? Bundlephobia แสดงให้เห็นภาพรวมของขนาดไฟล์สำหรับ JavaScript แพ็กเกจใดๆ ได้อย่างชัดเจน คุณสามารถตรวจสอบขนาดได้อย่างรวดเร็วและเข้าใจผลกระทบที่อาจเกิดขึ้นต่อประสิทธิภาพของเว็บไซต์ ซึ่งจะช่วยให้คุณตัดสินใจเลือก Dependencies ได้อย่างชาญฉลาดมากขึ้น นั่นหมายความว่าคุณสามารถเพิ่มประสิทธิภาพของ Frontend Bundle ได้อย่างมีประสิทธิภาพ ซึ่งนำไปสู่เวลาในการโหลดที่เร็วขึ้นสำหรับผู้ใช้และประสบการณ์การใช้งานที่ราบรื่นยิ่งขึ้น การรู้ต้นทุนที่แท้จริงของแต่ละแพ็กเกจช่วยให้คุณรักษาโปรเจกต์ให้เบาและมีประสิทธิภาพอยู่เสมอ • ดูขนาดของแพ็กเกจแต่ละตัว • เข้าใจผลกระทบต่อขนาด Bundle รวมของคุณ • เลือกใช้ Dependency อย่างมีข้อมูล • ใช้งานได้แม้ในขณะออฟไลน์ คุณสามารถเปิด Bundlephobia ได้โดยตรงในเบราว์เซอร์แล้วเพิ่มลงในหน้าจอหลักของคุณด้วยการแตะเพียงครั้งเดียว จากนั้นเป็นต้นไป แอปจะเปิดในหน้าต่างของตัวเองเหมือนกับแอปเนทีฟ นอกจากนี้ยังรองรับการอัปเดตพื้นหลังแบบเงียบและการแจ้งเตือนแบบ Push มอบประสบการณ์ที่ยอดเยี่ยมเช่นเดียวกับเวอร์ชันเนทีฟโดยไม่ต้องมีบัญชีร้านค้าหรือดาวน์โหลดแยกต่างหาก

ภาพหน้าจอ

Bundlephobia ภาพหน้าจอ 1 Bundlephobia ภาพหน้าจอ 2 Bundlephobia ภาพหน้าจอ 3

รีวิวจากผู้ใช้

แอปที่คล้ายกัน

Operating Systems

The web application Bundlephobia is designed as a universal solution for different platforms. It works through a browser and supports iOS, Android, Windows, macOS, Chrome OS (Chromebook), and Linux. The application runs correctly on Astra Linux and Red OS, as well as on popular Linux distributions: Ubuntu, Debian, Fedora, Linux Mint, Arch Linux, Manjaro. Enterprise solutions are supported: Red Hat Enterprise Linux, CentOS, Oracle Linux. No restrictions on region or app stores.

ต้องการใช้ Bundlephobia เป็นแอปแบบเต็มรูปแบบหรือไม่?

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

Chrome - Desktop

Step 1 - Chrome Desktop

คลิกปุ่ม 'ติดตั้งแอป' - ไอคอน: คอมพิวเตอร์พร้อมลูกศรชี้ลง

Step 2 - Chrome Desktop

ยืนยันการติดตั้งโดยคลิก 'ติดตั้ง'

Chrome - Android

Step 1 - Chrome Android

เปิดเมนูเบราว์เซอร์ - จุดสามจุดที่มุมขวาบน

Step 2 - Chrome Android

เลือกตัวเลือก 'ติดตั้งแอป' บางครั้งเป็น: 'เพิ่มไปยังหน้าจอหลัก'

Step 3 - Chrome Android

และที่นี่ยืนยันการติดตั้ง - แตะ 'ติดตั้ง'

Chrome - iOS

Step 1 - Chrome iOS

แตะไอคอนแชร์ที่มุมขวาบน ถัดจากที่อยู่เว็บไซต์

Step 2 - Chrome iOS

เลือกตัวเลือก: เพิ่มไปยังหน้าจอหลัก

Step 3 - Chrome iOS

และที่นี่แตะปุ่ม 'เพิ่ม' และแอปจะปรากฏบนหน้าจอหลักของ iPhone ของคุณ

Safari - iOS

Step 1 - Safari iOS

แตะปุ่มแชร์ (สี่เหลี่ยมที่มีลูกศรชี้ขึ้น) ที่ด้านล่างของหน้าจอ

Step 2 - Safari iOS

เลือกตัวเลือก: เพิ่มไปยังหน้าจอหลัก

Step 3 - Safari iOS

และที่นี่แตะปุ่ม 'เพิ่ม' และแอปจะปรากฏบนหน้าจอหลักของ iPhone ของคุณ

Safari - Desktop

Step 1 - Safari Desktop

ขั้นตอนที่ 1 สำหรับ Safari บน macOS

Step 2 - Safari Desktop

ขั้นตอนที่ 2 สำหรับ Safari บน macOS

Step 3 - Safari Desktop

ขั้นตอนที่ 3 สำหรับ Safari บน macOS

Yandex - Desktop

Step 1 - Yandex Desktop

เปิด 'เมนูการกระทำ' - จุดสามจุดที่มุมขวาบน - ถัดจากที่อยู่เว็บไซต์

Step 2 - Yandex Desktop

เลือกตัวเลือก 'ติดตั้งเป็นแอป'

Step 3 - Yandex Desktop

และที่นี่เลือก 'หน้าต่างแยก'

Yandex - Android

Step 1 - Yandex Android

เปิดเมนูเบราว์เซอร์ - จุดสามจุดที่มุมขวาล่าง ถัดจากที่อยู่เว็บไซต์

Step 2 - Yandex Android

เลือกตัวเลือก 'เพิ่มไปยังหน้าจอหลัก'

Step 3 - Yandex Android

และที่นี่แตะปุ่ม 'เพิ่ม' - และแอปจะปรากฏบนหน้าจอหลักของคุณ

Yandex - iOS

Step 1 - Yandex iOS

เปิดเมนูเบราว์เซอร์ - จุดสามจุดที่มุมขวาล่าง ถัดจากที่อยู่เว็บไซต์

Step 2 - Yandex iOS

แตะปุ่ม 'เพิ่มไปที่หน้าแรก'

Step 3 - Yandex iOS

ที่นี่เลือกตัวเลือก: เพิ่มไปยังหน้าจอหลัก

Step 4 - Yandex iOS

และที่นี่แตะปุ่ม 'เพิ่ม' และแอปจะปรากฏบนหน้าจอหลักของ iPhone ของคุณ

Edge - Desktop

Step 1 - Edge Desktop

คลิกปุ่ม 'ติดตั้งแอป' - ไอคอน: 3 บล็อกพร้อมเครื่องหมายบวก

Step 2 - Edge Desktop

ยืนยันการติดตั้งโดยคลิก 'ติดตั้ง'

Edge - Android

Step 1 - Edge Android

เปิดเมนูเบราว์เซอร์ - ไอคอน 'เบอร์เกอร์' ที่มุมขวาล่าง ถัดจากที่อยู่เว็บไซต์

Step 2 - Edge Android

ปัดไอคอนเมนูไปทางขวา

Step 3 - Edge Android

เลือกตัวเลือก 'เพิ่มไปยังโทรศัพท์'

Step 4 - Edge Android

และที่นี่ยืนยันการติดตั้ง - แตะ 'ติดตั้ง'

Opera - iOS

Step 1 - Opera iOS

เปิดเมนูเบราว์เซอร์ (ไอคอน Opera ที่มุมขวาล่าง) และค้นหา 'เพิ่มไปยังหน้าจอหลัก'

Step 2 - Opera iOS

ที่นี่แตะปุ่มแชร์

Step 3 - Opera iOS

เลือกตัวเลือก: เพิ่มไปยังหน้าจอหลัก

Step 4 - Opera iOS

และที่นี่แตะปุ่ม 'เพิ่ม' และแอปจะปรากฏบนหน้าจอหลักของ iPhone ของคุณ

Opera - Android

Step 1 - Opera Android

เปิดเมนูเบราว์เซอร์ - 'จุดสามจุด' ที่มุมขวาบน

Step 2 - Opera Android

เลือกตัวเลือก 'เพิ่มไปยัง...'

Step 3 - Opera Android

ที่นี่เลือกตัวเลือก 'หน้าจอหลัก'

Step 4 - Opera Android

แตะปุ่ม 'เพิ่ม'

Step 5 - Opera Android

และที่นี่ยืนยัน - และแตะ 'เพิ่ม' อีกครั้ง - และแอปจะปรากฏบนหน้าจอหลักของคุณ

Samsung internet - Android

Step 1 - Samsung internet Android

แตะปุ่ม 'ติดตั้งแอป' - ไอคอน: สี่เหลี่ยมพร้อมลูกศรชี้ลง

Step 2 - Samsung internet Android

และแตะปุ่ม 'เพิ่ม' - และแอปจะปรากฏบนหน้าจอหลักของคุณ

Keywords: แอป PWA, Progressive Web App, ติดตั้ง PWA, ติดตั้งแอป PWA, PWA แอปเว็บ, PWA แอปมือถือ, PWA แอปเบราว์เซอร์, แอปเว็บที่ติดตั้งได้, PWA installable web app, PWA โดยไม่ต้องใช้ App Store, PWA โดยไม่ต้องใช้ Google Play, PWA แอปข้ามแพลตฟอร์ม, PWA แอปออฟไลน์, PWA การแจ้งเตือนแบบพุช, PWA สำหรับ iOS และ Android, Progressive Web App ติดตั้ง, Progressive Web App ออฟไลน์, Progressive Web App เบราว์เซอร์, Progressive Web App installable, Progressive Web App แอปพลิเคชันเว็บ, Progressive Web App แอปมือถือ, Progressive Web App โดยไม่ต้องใช้สโตร์, แอปทำงานโดยไม่ต้องใช้อินเทอร์เน็ต, แอปเบราว์เซอร์เป็นแอป, ติดตั้งแอปจากเบราว์เซอร์, web-app แอป, ติดตั้ง web app, ติดตั้ง web-app บนโทรศัพท์, ติดตั้งแอปพลิเคชันเว็บ, การติดตั้ง PWA อย่างรวดเร็ว, การติดตั้ง PWA ทันที, ติดตั้ง PWA อย่างรวดเร็ว, การติดตั้ง PWA ง่าย, การติดตั้ง PWA เรียบง่าย, การติดตั้ง PWA ทีละขั้นตอน, การติดตั้งทีละขั้นตอน PWA, คำแนะนำการติดตั้ง PWA, วิธีติดตั้ง PWA อย่างรวดเร็ว, คู่มือการติดตั้ง PWA, Bundlephobia, ดูขนาดของแพ็กเกจก่อนที่คุณจะเพิ่ม, utilities-tools

View app on Web Store →