วิธีเพิ่ม API ของบุคคลที่สามใน WordPress (ปลั๊กอินและไม่มีปลั๊กอิน)

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

WordPress สามารถจัดการทั้งการรวม API ที่เรียบง่ายและซับซ้อนโดยใช้ปลั๊กอินรวมถึงรหัสที่กำหนดเอง ในบทช่วยสอนนี้เราจะสอนวิธีการทำทั้งสองอย่างรวมถึงหารือเกี่ยวกับผลกระทบที่อาจเกิดขึ้นจากการรวม API และวิธีการลดพวกเขา

API คืออะไรและทำไมเพิ่มหนึ่งใน WordPress?

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

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

ใน WordPress คุณสามารถใช้ APIs เพื่อดึงข้อมูลจากบริการภายนอกเข้าสู่ไซต์ WordPress ของคุณ - หรือส่งข้อมูลออก ตัวอย่างเช่นคุณสามารถใช้เพื่อ:

• แสดงสภาพอากาศสดอัตราแลกเปลี่ยนหรือการอัปเดตตลาดหุ้นในเว็บไซต์ของคุณ

• แสดงฟีดโซเชียลมีเดีย

• โพสต์เนื้อหาของคุณโดยอัตโนมัติบนเครือข่ายสังคมออนไลน์

• รวมเว็บไซต์ของคุณเข้ากับเกตเวย์การชำระเงินเช่น Stripe หรือ PayPal

• แสดงอัตราการจัดส่งแบบเรียลไทม์ในร้านค้าออนไลน์ของคุณ

• ดึงข้อมูลผลิตภัณฑ์จากระบบคลังสินค้า

• ส่งข้อมูลสมาชิกจากแบบฟอร์มเว็บไปยังบริการการตลาดผ่านอีเมล

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

ส่วนประกอบ API ที่สำคัญ

ในการใช้ API ใด ๆ คุณมักจะต้องมีส่วนพื้นฐานบางส่วน:

• ปลายทาง URL : URL ที่คุณส่งคำขอของคุณไป สิ่งนี้จะบอก API ว่าคุณกำลังขออะไร (เช่นสภาพอากาศปัจจุบันรายการโพสต์บล็อก ฯลฯ )

• พารามิเตอร์: นี่คือค่าที่เป็นตัวเลือกที่คุณผ่านไปเพื่อปรับแต่งคำขอเช่นตำแหน่ง, ID, คำค้นหาหรือช่วงวันที่ พารามิเตอร์ช่วยปรับแต่งสิ่งที่ API ให้คุณกลับมา

• รูปแบบข้อมูล: นี่คือรูปแบบที่ส่งข้อมูล รูปแบบที่พบบ่อยที่สุดคือ JSON เพราะมันมีน้ำหนักเบาและใช้งานง่ายทั้งใน JavaScript และ PHP XML หรือข้อความธรรมดาก็เป็นตัวเลือก

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

ไม่ใช่ทุก API ที่ต้องการแต่ละชิ้นเหล่านี้เพื่อให้คำตอบ เราจะหารือเกี่ยวกับตัวอย่างจริงเพิ่มเติมด้านล่าง

WordPress REST API

WordPress เองมี API แบบบูรณาการหลายตัว ที่โดดเด่นที่สุดคือส่วนที่เหลือ API REST ย่อมาจาก“ การถ่ายโอนสถานะการเป็นตัวแทน” ซึ่งหมายความว่า API ใช้รูปแบบและสถาปัตยกรรมที่แน่นอน

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

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

วิธีเพิ่ม API ลงใน WordPress ด้วยปลั๊กอิน

มีสองวิธีหลักที่คุณสามารถรวม APIs เข้ากับไซต์ WordPress ของคุณ:

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

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

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

เข้าถึง Google Maps API

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

สิ่งแรกที่คุณต้องการคือการสร้างบัญชี Google Cloud ฟรีที่เปิดใช้งานการเรียกเก็บเงิน เมื่อคุณมีสิ่งนั้นให้เข้าสู่ระบบและสร้างโครงการใหม่ที่ด้านบน

เข้าถึงโครงการของคุณและไปที่ APIS & Services ไม่ว่าจะผ่านเมนูการนำทางหรือทางลัดบนแผงควบคุม

คลิกที่ ไลบรารี จากนั้นค้นหา แผนที่ JavaScript API

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

จากนั้นติดตั้งและเปิดใช้งานปลั๊กอิน WP GO จากเมนู WordPress Plugins เมื่อพร้อมให้ไปที่ แผนที่> การตั้งค่า> การตั้งค่าขั้นสูง วางลงในคีย์ Google Maps API ของคุณและบันทึกการตั้งค่า

หลังจากนั้นคุณสามารถสร้างแผนที่ใหม่โดยใช้อินเทอร์เฟซของปลั๊กอิน

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

ขอแสดงความยินดีคุณเพิ่งเพิ่ม API ในเว็บไซต์ WordPress ของคุณ

ใช้ wpgetapi สำหรับเกือบทุก API

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

นี่คือวิธีการทำงาน: สำหรับตัวอย่างนี้เราต้องการแสดงข้อมูลสภาพอากาศจาก openweathermap.org ขั้นตอนแรกสำหรับการสร้างบัญชีสำหรับบริการนั้นและสมัครใช้งานแผน (มีการโทรฟรี 1,000 สายต่อวันที่คุณสามารถใช้สำหรับการทดสอบ)

ข้อมูลทั้งหมดสำหรับการใช้ API ของเว็บไซต์มีอยู่ในเอกสาร

ตั้งค่าการโทร API

ในการเริ่มต้นใช้งานติดตั้งและเปิดใช้งาน wpgetapi จากนั้นไปที่ wpgetapi> ตั้งค่า ในแผงควบคุมของคุณ

กรอกข้อมูลบนหน้าจอแรกดังนี้:

• ชื่อ API: คุณจะรู้ว่า API แต่ละตัวมีไว้เพื่ออะไร

• ตัวระบุที่ไม่ซ้ำกัน: ชื่อ WordPress-internal ของ API เพื่อแสดง ใช้ตัวอักษรตัวพิมพ์เล็กและขีดล่างเท่านั้นเช่น“ open_weather_map”

• URL พื้นฐาน: ที่อยู่ทั่วไปของ API โดยไม่มีจุดสิ้นสุด ในตัวอย่างนี้คือ https://api.openweathermap.org

เมื่อพร้อมให้บันทึกเพื่อดำเนินการต่อ

กำหนดค่าปลายทางและพารามิเตอร์ของคุณ

จากนั้นคลิกแท็บของ API ที่ด้านบนเพื่อกำหนดค่าส่วนที่เหลือของการโทร API

นี่คือวิธีการทำเช่นนั้น:

• ID ที่ไม่ซ้ำกัน: ชื่อของจุดสิ้นสุดที่คุณจะใช้

• จุดสิ้นสุด: สิ่งนี้จะถูกผนวกเข้ากับที่อยู่พื้นฐาน (ที่นี่คือ“ Data/3.0/OneCall”)

• วิธีการ: คำขอ HTTP ที่ระบุว่าจะส่งอ่านสร้างอัปเดตหรือลบบางสิ่งบางอย่างที่จุดสิ้นสุด เราต้องการรับบางสิ่งบางอย่างดังนั้นเราจึงใช้ Get

• รูปแบบผลลัพธ์: ไม่ว่าคุณต้องการรับข้อมูลในรูปแบบ PHP หรือ JSON จาก API เราใช้ JSON ที่นี่

• หมดเวลา: การเชื่อมต่อควรเปิดอยู่นานแค่ไหน

ด้านล่างนั้นตั้งค่าพารามิเตอร์ API แผนที่สภาพอากาศแบบเปิดต้องการสาม:

• Lat: ละติจูดของสถานที่ที่คุณต้องการข้อมูลสภาพอากาศสำหรับ

• LON: อย่างที่คุณคาดเดาได้นี่เป็นลองจิจูดของตำแหน่งเป้าหมายของคุณ

• AppID: คีย์ API ของคุณซึ่งคุณสามารถหาได้ในบัญชีของคุณ

OpenWeathERMAP API ยังยอมรับพารามิเตอร์เสริม:

• ไม่รวม: ช่วยให้คุณละเว้นบางส่วนของข้อมูลสภาพอากาศเช่นการคาดการณ์รายวันหรือรายชั่วโมง

• หน่วย: ตั้งค่าหน่วยวัดที่คุณต้องการ

• Lang: เลือกภาษาเอาท์พุทของคุณ

ตั้งค่าพารามิเตอร์ในส่วนสตริง แบบสอบถาม ในคู่ค่าคีย์เช่น“ LAT” ทางด้านซ้ายและ“ 48.8542” ทางด้านขวา

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

แสดงเอาต์พุต

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

เมื่อคุณดูตัวอย่างหน้าหรือโพสต์คุณจะเห็นว่าข้อมูลจะปรากฏขึ้น

แน่นอนว่าปัจจุบันเป็นข้อมูล JSON ดิบดังนั้นจึงไม่ได้ให้ข้อมูลที่จะดู ปลั๊กอินเวอร์ชันที่ชำระเงินมีฟังก์ชั่นการจัดรูปแบบและปรับแต่งผลลัพธ์เพิ่มเติม

การเข้าถึง APIs ใน WordPress ด้วยตนเอง

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

ใช้ PHP

ดำเนินการต่อด้วยตัวอย่างแผนที่สภาพอากาศที่เปิดอยู่นี่คือฟังก์ชั่น PHP เพื่อรับข้อมูลสภาพอากาศเดียวกันกับด้านบน:

 function get_weather_data() { $api_key = 'YOUR_API_KEY_HERE'; // Replace with your actual API key $endpoint = "https://api.openweathermap.org/data/3.0/onecall?" . http_build_query([ 'lat' => 48.8542, 'lon' => 2.3467, 'exclude' => 'minutely,hourly,daily,alerts', 'units' => 'metric', 'appid' => $api_key ]); $response = wp_remote_get($endpoint); if (is_wp_error($response)) { return '<div class="weather-widget error">Failed to fetch weather data.</div>'; } $body = wp_remote_retrieve_body($response); $data = json_decode($body, true); if (!empty($data) && isset($data['current']['temp'])) { $temp = esc_html($data['current']['temp']); return '<div class="weather-widget">Current temperature in Paris: <span class="weather-temp">' . $temp . '°C</span></div>'; } return '<div class="weather-widget error">Weather data not available.</div>'; } function weather_shortcode() { return get_weather_data(); } add_shortcode('weather', 'weather_shortcode');

นี่คือสิ่งที่ทำ:

• โทรหาพิกัดเดียวกันและพารามิเตอร์อื่น ๆ

• ใช้ WP_REMOTE_GET () เพื่อขอ HTTP GET Request

• ดึงเฉพาะอุณหภูมิปัจจุบันจากการตอบสนอง JSON

• ห่อเอาต์พุตใน HTML บางอย่างเพื่อให้คุณสามารถจัดสไตล์ได้หากจำเป็น

• ลงทะเบียนรหัสย่อที่เรียกว่า“ [สภาพอากาศ]” เพื่อส่งออกข้อมูลใน WordPress

ใส่ฟังก์ชั่นทั้งในไฟล์ ฟังก์ชัน php ของธีม (ลูก) ของคุณหรือปลั๊กอินที่กำหนดเอง จากนั้นใช้รหัสย่อเหมือนก่อน นี่คือสิ่งที่ดูเหมือนในหน้า:

จาวาสคริปต์

คุณยังสามารถใช้ JavaScript เพื่อเชื่อมต่อกับ API สิ่งนี้มีประโยชน์อย่างยิ่งสำหรับการอัปเดตเนื้อหาแบบไดนามิกคำขอ AJAX หรือแอปพลิเคชันหน้าเดียว

นี่คือตัวอย่างที่ง่ายมากโดยใช้วิธีการ FETCH () สำหรับการแสดงข้อมูลสุ่มเกี่ยวกับแมวจาก CAT FACTS API:

 <div>Loading cat fact...</div> <div class="wp-block-buttons"> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">New Cat Fact</a></div> </div> <script> function loadCatFact() { fetch('https://catfact.ninja/fact') .then(response => response.json()) .then(data => { document.getElementById('cat-fact').textContent = data.fact; }) .catch(error => { document.getElementById('cat-fact').textContent = 'Failed to load cat fact.'; console.error(error); }); } // Load the first fact when the page loads loadCatFact(); // Add button click handler for new facts document.getElementById('new-fact').addEventListener('click', loadCatFact); </script>

คุณสามารถป้อนสิ่งนี้ลงในบล็อก HTML ที่กำหนดเอง เพื่อแสดงทันทีใน WordPress

API ของบุคคลที่สามและประสิทธิภาพของเว็บไซต์

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

เพื่อหลีกเลี่ยงปัญหาเหล่านี้สิ่งสำคัญคือการตอบสนองของ Cache API ดังนั้นพวกเขาจึงไม่ได้รับการดึงในทุกหน้าโหลด ปลั๊กอิน API จำนวนมากเช่น Wpgetapi มีตัวเลือกในตัวสำหรับสิ่งนั้น หากคุณเขียนการโทร API ด้วยมือคุณต้องตั้งค่ากลไกการแคชของคุณเอง

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

ปรับปรุงประสิทธิภาพด้วยปลั๊กอิน

อีกขั้นตอนที่มีประสิทธิภาพเพื่อลดผลกระทบของการโทร API ต่อประสิทธิภาพของไซต์คือการใช้ WP Rocket

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

หากคุณโหลดเนื้อหา API ผ่าน JavaScript WP Rocket จะช่วยปรับปรุงเวลาโหลดโดย:

• minifying JavaScript เพื่อทำให้ไฟล์มีขนาดเล็กลง (เปิดใช้งานโดยค่าเริ่มต้น)

• การรวมไฟล์หลายไฟล์เป็นหนึ่งเดียวสำหรับการดาวน์โหลดที่เร็วขึ้น

• การชะลอและโหลดไฟล์แบบอะซิงโครนัส

• การชะลอการดำเนินการ JavaScript

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

ยิ่งไปกว่านั้น WP Rocket มาพร้อมกับการปรับปรุงประสิทธิภาพอัตโนมัติที่หลากหลายในพื้นหลังเช่น:

• การบีบอัด GZIP

• การโหลดล่วงหน้าสำหรับแคชและลิงก์

• การเพิ่มประสิทธิภาพของภาพที่สำคัญ (ไม่รวมรูปภาพด้านบนการพับจากการโหลดขี้เกียจ) เพื่อปรับปรุงสีที่มีความพึงพอใจมากที่สุด

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

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

• ขี้เกียจโหลดสำหรับรูปภาพรวมถึงพื้นหลัง CSS วิดีโอและ iframes

• การโหลดไฟล์ภายนอกและแบบอักษรล่วงหน้า

• Google Fonts โฮสติ้งด้วยตนเอง

• การเพิ่มประสิทธิภาพฐานข้อมูล

• ตัวเลือกในการเชื่อมต่อกับ CDN ได้อย่างง่ายดายรวมถึง rocketcdn

กรณีศึกษา: เร่งการโทร API ด้วย WP Rocket

เพื่อให้เข้าใจได้ดีขึ้นว่าการเพิ่ม API ภายนอกมีผลต่อประสิทธิภาพของไซต์อย่างไรและปลั๊กอินอย่าง WP Rocket สามารถช่วยได้อย่างไร - เราตั้งค่าสภาพแวดล้อมการทดสอบที่ควบคุมได้อย่างไร เราสร้างเว็บไซต์ Demo WordPress ด้วยเนื้อหาจำลองและเพิ่มแผนที่จาก Google Maps โดยใช้ WP GO Maps

ไม่ได้รับการปรับสภาพอย่างสมบูรณ์ผลลัพธ์ข้อมูลเชิงลึก pagespeed ของมันมีดังนี้:

จากนั้นเราเปิดใช้งาน WP Rocket และคุณสมบัติต่อไปนี้:

• minify CSS และ JavaScript

• ลบ CSS ที่ไม่ได้ใช้

• โหลด JavaScript รอการตัดบัญชี

• ล่าช้าการดำเนินการ JavaScript

สิ่งนี้ให้การเปลี่ยนแปลงต่อไปนี้:

นั่นเป็นการปรับปรุงครั้งใหญ่เมื่อเปรียบเทียบกับพื้นฐาน! แม้ว่ามันจะทำให้เว็บไซต์ของคุณมีส่วนร่วมมากขึ้นเนื้อหาแบบไดนามิกเช่น Google Maps มาพร้อมกับรหัสพิเศษมากมายซึ่งอาจทำให้เว็บไซต์ของคุณช้าลง WP Rocket ช่วยลดผลกระทบของมัน - และสิ่งที่ต้องทำคือไม่กี่คลิก

เพิ่ม APIs ลงใน WordPress โดยไม่ต้องลากประสิทธิภาพ

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

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