อยากสร้างเว็บที่รับโหลดได้เยอะ มีประสิทธิภาพสูง และจัดการกับ Request ได้แบบไหลลื่น ทำยังไงได้บ้าง ?
.
ต้องเจ้านี่ Nginx ซอฟต์แวร์ที่ช่วยจัดการ Request ต่าง ๆ ได้อย่างมีประสิทธิภาพ !! และวันนี้แอดจะพาเพื่อน ๆ มาทำความรู้จักกับเจ้านี่กันแบบคร่าว ๆ ว่ามันคืออะไร ทำงานยังไง หากพร้อมกันแล้ว ไปติดตามกันได้เลย 👇 😊
.
.
💡 รู้จัก Nginx
Nginx หรืออ่านว่า Engine-X เป็นเว็บเซิร์ฟเวอร์ที่สามารถรองรับผู้ใช้งานได้หลากหลาย และมีประสิทธิภาพสูง เป็น Open-Source รองรับ Reverse Proxying, Caching, Load Balancing สำหรับเซิร์ฟเวอร์ HTTP, TCP และ UDP, และการทำ Media Streaming นอกจากนี้ยังสามารถใช้เป็น Proxy Server สำหรับอีเมล์ (IMAP, POP3, and SMTP) ได้อีกด้วย
.
โดยส่วนใหญ่แล้วจะถูกใช้งานกับเว็บที่มีการอัพโหลด หรือ ดาวน์โหลดบ่อย ๆ หรือใช้ในการ Streaming สามารถรองรับการเชื่อมต่อในปริมาณมาก จัดการ Traffic ได้อย่างมีประสิทธิภาพและรวดเร็ว
.
.
⚙️ Nginx ทำงานยังไง ?
Nginx สร้างขึ้นเพื่อจัดการกับ Request ต่าง ๆ แบบ Asynchronous รับ Request พร้อมกันได้โดยไม่บล็อก Request อื่น ๆ โดยไม่เปลืองหน่วยความจำ กินทรัพยากรน้อย ทำให้ CPU และ RAM ทำงานได้มากยิ่งขึ้นนั่นเอง
.
ซึ่ง Nginx จะมีฟีเจอร์เด่น ๆ ดังนี้
🔹 Reverse proxy with caching
🔹 IPv6
🔹 Load balancing
🔹 FastCGI support with caching
🔹 WebSockets
🔹 Handling of static files, index files, and auto-indexing
🔹 TLS/SSL with SNI
.
NGINX จะถูกวางไว้ระหว่าง Clients และ Web Server เพื่อจัดการ SSL/TLS หรือใช้เพื่อเร่งความเร็วของเว็บ เป็นตัวกลางในการจัดการงานที่อาจจะทำให้เว็บเซิร์ฟเวอร์ของเราช้าลง เช่น Negotiating SSL/TLS, การบีบอัดและแคชเนื้อหาเพื่อปรับปรุงประสิทธิภาพ ซึ่งสามารถใช้กับเว็บที่สร้างขึ้นจากอะไรก็ได้ ไม่ว่าจะเป็น Node.js หรือ PHP ซึ่งส่วนใหญ่แล้วจะแคชเนื้อหาและ Reverse Proxy เพื่อลดภาระงานบนเซิร์ฟเวอร์ ใช้สามารถใช้ประโยชน์จากฮาร์ดแวร์ได้อย่างเต็มที่
.
.
✨ ข้อดี
🔸 มีความปลอดภัย รองรับมาตรฐาน HTTP/2
🔸 รองรับการทำงานของ HTTP
🔸 ประมวลผลได้รวดเร็ว
🔸 ทำงานแบบ Asynchronous รองรับ Request เยอะ ๆ ได้เป็นอย่างดี
.
.
⚠️ ข้อจำกัด
🔹 การ config ค่อนข้างซับซ้อน
🔹 ดูแลจัดการได้ยาก และไม่ค่อยมีความยืดหยุ่น
.
.
📑 อ่านข้อมูลเพิ่มเติมได้ที่นี่ : https://kinsta.com/knowledgebase/what-is-nginx/ , https://www.nginx.com/resources/glossary/nginx/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#Nginx #BorntoDev
web caching 在 ThinkView Facebook 的精選貼文
Tính năng được Microsoft đưa vào cam kết mã Chromium hứa hẹn sẽ giúp trình duyệt Chrome được tăng tốc.
Tính năng ‘bộ nhớ mã đệm’ (code caching) mới đã được Microsoft tiết lộ trong cam kết mã Chromium và sẽ sử dụng bộ nhớ đệm để tăng tốc các trang nội bộ, chẳng hạn như các tab mới và cài đặt, có sử dụng địa chỉ ‘chrome://’. Theo Microsoft, thời gian tải một trang mới đã giảm từ 11 - 20%.
Tính năng mới sẽ được cung cấp cho các phiên bản Chrome dành cho máy tính, vì vậy không chỉ Windows 10 mà cả người dùng Linux và macOS cũng sẽ được hưởng lợi. Tuy nhiên, có lẽ nó sẽ không xuất hiện trên các phiên bản Chrome dành cho thiết bị di động.
Vậy thì thực sự tính năng này sẽ giúp cho anh em truy cập Internet nhanh hơn? 🤔
Câu trả lời là không. Bởi vì tính năng này tập trung vào các trang nội bộ sử dụng các tập lệnh lớn trong WebUI. Do đó, dù có thể không làm cho các trang web tải nhanh hơn đáng kể, nhưng nó sẽ làm cho Chrome nhanh hơn về tổng thể khi sử dụng. Ví dụ khi bạn điều hướng từ một trang, Chrome sẽ giữ trang đó trong bộ nhớ, vì vậy nếu bạn nhấp vào nút "quay lại" hoặc "chuyển tiếp" để quay lại các trang trước đó, chúng sẽ xuất hiện ngay lập tức.
Kể ra tính năng này cũng thú vị phết anh em nhỉ 😅. Cũng có thể gọi đây là một cách để tăng tốc độ trình duyệt ngầm bởi vì thỉnh thoảng chúng ta cũng cần thoát ra thoát vào một trang liên tục như khi đọc tin tức chả hạn thì tính năng này cũng giúp ta giảm được đáng kể thời gian đấy chứ 👌
web caching 在 BorntoDev Facebook 的最佳解答
🔥 สรุปสั้น ๆ Flutter 2.2 มีอะไรใหม่บ้าง มาดูกันเลยย !!
.
🌈 กับล่าสุดที่พี่ใหญ่ Google ได้ประกาศปล่อย Flutter ตัวใหม่ 2.2 ออกมาในงาน Google I/O ที่บอกได้เลยว่า นอกจากประสิทธิภาพจะดีขึ้นแล้วยังช่วยให้การทำงานของเราราบลื่น และ น่าเชื่อถือขึ้นอีกด้วย !!
.
🟢 1) ปรับปรุงใหม่ ใช้ ภาษา Dart 2.13 !
.
👉 1.1 มาพร้อมกับ Type Aliases
ความสามารถในการสร้างชื่อเล่นของ Class ขึ้นมานั่นแหละ โดยจะมีประโยชน์คือเราสามารถแก้ไขชื่อ Class เดิมเป็นของใหม่ได้ โดยโค้ดไม่ Break และ ยังใช้ Type alias นี้กับชื่อ Class ปกติได้ด้วย (แต่ก่อนได้แค่ function)
.
👉 1.2 มี Null Safety เป็นค่าเริ่มต้นแล้วจ้าา
ลดอาการปวดหัวจากการนั่งทำ Null Safety เองแล้ว ซึ่งแอดว่าตรงนี้ช่วยให้เราสบายขึ้นเยอะ ไม่ต้องทำการ Migrate อะไรให้วุ่นวายอีกด้วย
.
🟢 2) Flutter for Web เจ๋งขึ้นกว่าเดิม !!
.
👉 2.1 ปรับปรุง Caching ให้มีประสิทธิภาพมากขึ้น
ด้วยการใช้ Service Worker-Loading Mechanism ตัวใหม่ และ ยังแก้ไข Double-Downloading ของไฟล์ main.dart.js ที่เกิดในรุ่นก่อนแล้วด้วย !
.
👉 2.2 ปรับประสิทธิภาพของ Web Renderers !
ด้วยการรองรับ Font Feature ที่ช่วยให้เราสร้างสรรค์ผลงานได้ง่ายขึ้น
.
🖥️ บน iOS ก็ทำงานได้ดีขึ้นนะ !
เพราะเขาปรับปรุงให้่ Transition ระหว่างแต่ละหน้าสมูทยิ่งขึ้น แถมยังสามารถลดระยะเวลา Render ส่วนของ Animation ลงได้มากกว่า 75%
.
💻 ใน Android ก็ไม่แพ้กัน !
สามารถทำให้เราดาวน์โหลด Component ต่าง ๆ ตอน Runtime ได้เทคนิคนี้เรียกว่า Deferred Component ทำให้ลดขนาดของแอปตอนก่อนติดตั้งได้ด้วย !
.
⚡ อยากทำ In-app Purchase หรือ ระบบจ่ายเงินก็ง่ายยิ่งขึ้น
เพราะมีการใส่ส่วนเสริมเหล่านี้เข้ามาเพิ่มเติม รวมถึงปรับปรุงการทำงานของเดิมที่มีอยู่ให้ทำงานได้ลื่นไหล ง่าย และ ปลอดภัยยิ่งขึ้น
.
✨ สุดท้ายย เครื่องมืออย่าง DevTool Suite มีฟีเจอร์เพิ่มขึ้น !! กับระบบวิเคราะห์ และ Monitor ด้าน Memory ของ App ที่เราพัฒนา ทำให้เราสามารถตรวจสอบ และ แก้ไขปัญหาได้ถูกจุดนั่นเอง !
.
💥 Source : https://medium.com/flutter/whats-new-in-flutter-2-2-fd00c65e2039
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
web caching 在 網頁快取是什麼?Web cache 機制是怎麼運作的? - ALPHA ... 的相關結果
快取就是幫我們省下重複向伺服器拿取資源的效能浪費,將你看過的東西留下來,在需要時便能直接拿出來用,不用再次向資料來源端請求。 ... <看更多>
web caching 在 什麼是Web Cache?3分鐘快速帶你瞭解Web Cache的功能及 ... 的相關結果
Web Cache是一種用來減少網頁伺服器負荷的一種快取技術,藉由判斷請求的資源使否有留存的Cache可以減少後端伺服器進行的運算,Cache可能會存在不同的 ... ... <看更多>
web caching 在 Web快取- 維基百科,自由的百科全書 的相關結果
Web 快取(或HTTP快取)是用於臨時儲存(快取)Web文件(如HTML頁面和圖像),以減少伺服器延遲的一種資訊科技。Web快取系統會儲存下通過這套系統的文件的副本;如果滿足某 ... ... <看更多>