ಲೈವ್ ಇನ್ವೆಂಟರಿಯೊಂದಿಗೆ ಸ್ಟ್ಯಾಟಿಕ್ ಸೈಟ್ಗಳು
ನಿಮಗೆ ವೇಗವಾದ ಸೈಟ್ ಬೇಕು. ನಿಖರವಾದ ಸ್ಟಾಕ್ ಮಟ್ಟಗಳೂ ನಿಮಗೆ ಬೇಕು. ಹೆಚ್ಚಿನ ಜನರು ಇವೆರಡರಲ್ಲಿ ಒಂದನ್ನು ಮಾತ್ರ ಆರಿಸಿಕೊಳ್ಳುತ್ತಾರೆ. ಅವರು ವೇಗ ಅಥವಾ ನಿಖರತೆಯನ್ನು ಆರಿಸಿಕೊಳ್ಳುತ್ತಾರೆ. ಆದರೆ ನೀವು ಹಾಗೆ ಮಾಡಬೇಕಿಲ್ಲ.
ಸ್ಟ್ಯಾಟಿಕ್ ಸೈಟ್ಗಳು ವೇಗವಾಗಿರುತ್ತವೆ. ಆದರೆ ಬಿಲ್ಡ್ಗಳ (builds) ನಡುವೆ ಡೇಟಾ ಹಳೆಯದಾಗುತ್ತದೆ. ಕ್ಲೈಂಟ್ ಸೈಡ್ ಫೆಚಿಂಗ್ (client-side fetching) ನಿಖರವಾಗಿರುತ್ತದೆ. ಆದರೆ ಇದು ಲೋಡಿಂಗ್ ಸ್ಪಿನ್ನರ್ಗಳನ್ನು (loading spinners) ಸೇರಿಸುತ್ತದೆ. ಸ್ಪಿನ್ನರ್ಗಳು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು (user experience) ಹಾಳುಮಾಡುತ್ತವೆ.
ಎರಡು ಪದರಗಳ ಸತ್ಯವನ್ನು (two layers of truth) ಬಳಸಿ.
ಮೊದಲನೇ ಪದರವು ಬಾಹ್ಯ ವ್ಯವಸ್ಥೆಗಳಿಗೆ (external systems) ಸೇವೆ ನೀಡುತ್ತದೆ.
- Google ಮತ್ತು Meta ಗಾಗಿ ಬಿಲ್ಡ್ ಟೈಮ್ ಡೇಟಾವನ್ನು ಬಳಸಿ.
- ಇದು ಮಾರಾಟವಾದ ವಸ್ತುಗಳ ಜಾಹೀರಾತುಗಳನ್ನು ತಡೆಯುತ್ತದೆ.
- ಒಂದು ಸಿಂಕ್ ಸ್ಕ್ರಿಪ್ಟ್ (sync script) ಈ ಡೇಟಾವನ್ನು ತಾಜಾವಾಗಿರಿಸುತ್ತದೆ.
ಎರಡನೇ ಪದರವು ನಿಮ್ಮ ಸಂದರ್ಶಕರಿಗೆ ಸೇವೆ ನೀಡುತ್ತದೆ.
- ಶಾಪ್ ಗ್ರಿಡ್ ಅನ್ನು ಸ್ಟ್ಯಾಟಿಕ್ HTML ಆಗಿ ರೆಂಡರ್ ಮಾಡಿ.
- ವಸ್ತುಗಳು ಲಭ್ಯವಿವೆ ಎಂದು ಭಾವಿಸಿ.
- ಪೇಜ್ ಲೋಡ್ ಆದ ನಂತರ UI ಅನ್ನು ಪ್ಯಾಚ್ ಮಾಡಲು ಸಣ್ಣ ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ.
- ಇದು ಮಾರಾಟವಾದ ವಸ್ತುಗಳ 'ಬೈ ಬಟನ್' ಅನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ.
ಈ ವಿಧಾನವು ಲೋಡಿಂಗ್ ಸ್ಟೇಟ್ಗಳನ್ನು (loading states) ತೆಗೆದುಹಾಕುತ್ತದೆ. ಪೇಜ್ ತಕ್ಷಣವೇ ಲೋಡ್ ಆದಂತೆ ಭಾಸವಾಗುತ್ತದೆ. ನಿಮ್ಮ API ವಿಫಲವಾದರೂ, ಸೈಟ್ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಬಳಕೆದಾರರು ವಸ್ತುಗಳನ್ನು ನೋಡಬಹುದು ಮತ್ತು ಕಾರ್ಟ್ಗೆ (cart) ಸೇರಿಸಬಹುದು. ಒಂದು ವೇಳೆ ವಸ್ತು ಮಾರಾಟವಾಗಿದ್ದರೆ, ಕಾರ್ಟ್ ಆ ವಿನಂತಿಯನ್ನು ತಿರಸ್ಕರಿಸುತ್ತದೆ.
ಖಾಲಿ ಪರದೆಯ (blank screen) ಬದಲು ಕಾರ್ಟ್ ಎರರ್ (cart error) ಬರುವುದು ಉತ್ತಮ.
ಇದನ್ನು ಕಡಿಮೆ ಟ್ರಾಫಿಕ್ ಇರುವ ಶಾಪ್ಗಳಿಗೆ ಬಳಸಿ. ಇದು ಕಲೆ ಅಥವಾ ನಿಶ್ (niche) ವಸ್ತುಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ. ಫ್ಲ್ಯಾಶ್ ಸೇಲ್ಗಳಿಗೆ (flash sales) ಇದನ್ನು ಬಳಸಬೇಡಿ. ಹೆಚ್ಚಿನ ಟ್ರಾಫಿಕ್ ಇರುವಾಗ ಕಟ್ಟುನಿಟ್ಟಾದ ಪರಿಶೀಲನೆಗಳ ಅಗತ್ಯವಿರುತ್ತದೆ.