ಲೇಖನ ಡೈರೆಕ್ಟರಿ
ವೆಬ್ ಪುಟ ಲೋಡಿಂಗ್ ವೇಗವು ನಿಮ್ಮ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುತ್ತದೆಇ-ಕಾಮರ್ಸ್ಹುಡುಕಾಟ ಎಂಜಿನ್ನಲ್ಲಿ ವೆಬ್ಸೈಟ್ಎಸ್ಇಒಶ್ರೇಯಾಂಕ.
ವೆಬ್ ಪೇಜ್ ಪ್ರಿಲೋಡಿಂಗ್ ಎಂದರೇನು?
ಪ್ರಿಫೆಚ್ ಎಂಬ ತಂತ್ರವಿದೆ ಅದು ವಾಸ್ತವವಾಗಿ ಪೂರ್ವ ಲೋಡ್ ತಂತ್ರವಾಗಿದೆ.
- ಬಳಕೆದಾರರು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಪುಟಕ್ಕೆ ಭೇಟಿ ನೀಡಿದಾಗ, ಬ್ರೌಸರ್ ಪುಟವನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡುತ್ತದೆ.
- ಬಳಕೆದಾರರು ನಿಜವಾಗಿಯೂ ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ಬಳಕೆದಾರರು ಪೂರ್ವ ಲೋಡ್ ಮಾಡಲಾದ ಸಂಗ್ರಹದಿಂದ ಪುಟದ ವಿಷಯವನ್ನು ನೇರವಾಗಿ ಓದುತ್ತಾರೆ ಮತ್ತು ಪುಟ ಲೋಡ್ ಸಮಯವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತಾರೆ.
- ಅಮೆಜಾನ್ ಮತ್ತು ಇತರರು 100-ಮಿಲಿಸೆಕೆಂಡ್ ಲೇಟೆನ್ಸಿ 1% ಮಾರಾಟಕ್ಕೆ ಕಾರಣವೆಂದು ಕಂಡುಕೊಂಡಿದ್ದಾರೆ, ಆದರೆ ವೆಬ್ನಲ್ಲಿನ ಸುಪ್ತತೆಯನ್ನು ನಿವಾರಿಸುವುದು ಕಷ್ಟ.
ವೆಬ್ಪುಟವನ್ನು ಮೊದಲೇ ಪಡೆದುಕೊಳ್ಳಿಪೂರ್ವ ಲೋಡ್ ಮಾಡುವುದರಿಂದ ಏನು ಪ್ರಯೋಜನ?
instant.page ತ್ವರಿತ ಪೂರ್ವ ಲೋಡ್ ಅನ್ನು ಬಳಸುತ್ತದೆ - ಬಳಕೆದಾರರು ಕ್ಲಿಕ್ ಮಾಡುವ ಮೊದಲು ಇದು ಪುಟವನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡುತ್ತದೆ ▼
- ಬಳಕೆದಾರರು ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವ ಮೊದಲು, ಅವರು ಲಿಂಕ್ ಮೇಲೆ ಸುಳಿದಾಡುತ್ತಾರೆ.
- ಬಳಕೆದಾರರು 65ms ವರೆಗೆ ಸುಳಿದಾಡಿದಾಗ, ಅವರು ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವ ಅವಕಾಶವನ್ನು ಹೊಂದಿರುತ್ತಾರೆ, ಆದ್ದರಿಂದ instant.page ಈ ಹಂತದಲ್ಲಿ ಪೂರ್ವಲೋಡ್ ಮಾಡಲು ಪ್ರಾರಂಭಿಸುತ್ತದೆ, ಪುಟವು ಪೂರ್ವ ಲೋಡ್ ಮಾಡಲು ಸರಾಸರಿ 300ms ಗಿಂತ ಹೆಚ್ಚು.
- ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ, ಬಳಕೆದಾರರು ಬಿಡುಗಡೆ ಮಾಡುವ ಮೊದಲು ತಮ್ಮ ಪ್ರದರ್ಶನವನ್ನು ಸ್ಪರ್ಶಿಸಲು ಪ್ರಾರಂಭಿಸುತ್ತಾರೆ, ಪುಟವನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡಲು ಸರಾಸರಿ 90ms ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.
ಪೂರ್ವಪಡೆಯುವಿಕೆ ವೆಬ್ ಪುಟಗಳನ್ನು ವೇಗವಾಗಿ ಲೋಡ್ ಮಾಡುತ್ತದೆ
- ಮಾನವನ ಮೆದುಳು ಒಂದು ಕ್ರಿಯೆಯನ್ನು ತಕ್ಷಣ ಗ್ರಹಿಸಲು 100 ಮಿಲಿಸೆಕೆಂಡುಗಳಿಗಿಂತ ಕಡಿಮೆ ಸಮಯ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.
- ಆದ್ದರಿಂದ, instant.page ಪ್ರೀಲೋಡಿಂಗ್ ತಂತ್ರಜ್ಞಾನವು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ಗೆ 3G ಯಲ್ಲಿಯೂ ತ್ವರಿತ ಭಾವನೆಯನ್ನು ನೀಡಬಹುದು (ನಿಮ್ಮ ಪುಟದ ರೆಂಡರಿಂಗ್ ವೇಗವು ವೇಗವಾಗಿರುತ್ತದೆ ಎಂದು ಊಹಿಸಿ).
ವೆಬ್ ಪುಟಗಳ ನಿಧಾನ ಲೋಡ್ ಅನ್ನು ಹೇಗೆ ಪರಿಹರಿಸುವುದು?
ಬಳಕೆದಾರರು ಅವುಗಳನ್ನು ಭೇಟಿ ಮಾಡುವ ಹೆಚ್ಚಿನ ಸಂಭವನೀಯತೆ ಇದ್ದಾಗ ಮಾತ್ರ ಪುಟಗಳನ್ನು ಮೊದಲೇ ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ ಮತ್ತು ಅದು ಬಳಕೆದಾರರ ಮತ್ತು ಸರ್ವರ್ನ ಬ್ಯಾಂಡ್ವಿಡ್ತ್ ಮತ್ತು CPU ಅನ್ನು ಗೌರವಿಸಿ ಆ ಪುಟಕ್ಕೆ HTML ಅನ್ನು ಮಾತ್ರ ಪೂರ್ವ ಲೋಡ್ ಮಾಡುತ್ತದೆ.
- ನಿಮ್ಮ ಪುಟಗಳನ್ನು ಸುಗಮವಾಗಿಡಲು ಇದು ನಿಷ್ಕ್ರಿಯ ಈವೆಂಟ್ ಕೇಳುಗರನ್ನು ಬಳಸುತ್ತದೆ.
- ಬಳಕೆದಾರರು ಡೇಟಾ ರಕ್ಷಣೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ ಅದು ಪೂರ್ವ ಲೋಡ್ ಆಗುವುದಿಲ್ಲ (ಆವೃತ್ತಿ 1.2.2 ರಂತೆ).
- ಇದು 1 kB ಮತ್ತು ಎಲ್ಲದರ ನಂತರ ಲೋಡ್ ಆಗುತ್ತದೆ.ಇದು ಉಚಿತ ಮತ್ತು ಮುಕ್ತ ಮೂಲವಾಗಿದೆ (MIT ಪರವಾನಗಿ).
Prefetch ವೆಬ್ಪುಟದ ಪೂರ್ವ ಲೋಡ್ instant.page ಪರಿಣಾಮ ಏನು?
instant.page ಕೋಡ್ ಅನ್ನು ಸೇರಿಸುವುದನ್ನು ಪರೀಕ್ಷಿಸಿದ ನಂತರ, ವೆಬ್ಸೈಟ್ ಪ್ರವೇಶದ ವೇಗದಲ್ಲಿನ ಸುಧಾರಣೆಯು ತುಲನಾತ್ಮಕವಾಗಿ ದೊಡ್ಡದಾಗಿದೆ.
- ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಇದು ಈ ಸೈಟ್ ಲಿಂಕ್ಗಳನ್ನು ಮಾತ್ರ ಪೂರ್ವ ಲೋಡ್ ಮಾಡಲು ಫಿಲ್ಟರ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ಇತರ ಸೈಟ್ಗಳಿಂದ ಲಿಂಕ್ಗಳನ್ನು ಲೋಡ್ ಮಾಡುವುದಿಲ್ಲ.
- ಎಡಭಾಗದಲ್ಲಿರುವ ಲೇಖನದ ಲಿಂಕ್ ಮೇಲೆ ಮೌಸ್ 65ms ಗಿಂತ ಹೆಚ್ಚು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ನೆಟ್ವರ್ಕ್ ಲೇಖನದ ಪುಟವನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡುತ್ತದೆ.
- 65ms ಗಿಂತ ಕಡಿಮೆ ತೂಗಾಡುತ್ತಿರುವಾಗ, ಪೂರ್ವ ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ (ಕೆಂಪು ಭಾಗ)▼
instant.page ಅನ್ನು ಬಳಸುವುದರಿಂದ ನಿಮ್ಮ ಸೈಟ್ನ PV ಮತ್ತು ವಿನಂತಿಯ ಪರಿಮಾಣವನ್ನು ಗಣನೀಯವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ:
- ಪ್ರತಿ ಭೇಟಿಗೆ ಅವರ ಸರಾಸರಿ ಭೇಟಿಗಳ ಸಂಖ್ಯೆ 13.84 ಎಂದು ಸ್ನೇಹಿತರೊಬ್ಬರು ಹೇಳಿದರು.
- ಬಳಕೆಯ ನಂತರ, ತಲಾವಾರು ಭೇಟಿಗಳ ಸಂಖ್ಯೆಯು 17.43 ಕ್ಕೆ ಏರಿತು, ಇದು ಪ್ರತಿ ವ್ಯಕ್ತಿಗೆ 4 ಪುಟಗಳನ್ನು ತೆರೆಯುವುದಕ್ಕೆ ಸಮಾನವಾಗಿದೆ.
ಗಮನಿಸಿ:
- ಪಾವತಿಸಿದ ಸಿಡಿಎನ್ಗಳು ಮತ್ತು ತೆರೆದ ಪೂರ್ಣ-ಸೈಟ್ ಸಿಡಿಎನ್ಗಳನ್ನು ಬಳಸುವ ಬ್ಲಾಗರ್ಗಳು ಎಚ್ಚರಿಕೆಯಿಂದ ಹಾಗೆ ಮಾಡಬೇಕು ಎಂದು ಗಮನಿಸಬೇಕು.
- ಆದರೆ ಚಿಂತಿಸಬೇಡಿ, ಪೂರ್ವ ಲೋಡ್ ಮಾಡುವುದರಿಂದ html ಪುಟಗಳು, ಚಿತ್ರಗಳು ಮತ್ತು ಇತರ ಫೈಲ್ಗಳು ಮಾತ್ರ ಲೋಡ್ ಆಗುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ಹೆಚ್ಚಿನ ಟ್ರಾಫಿಕ್ ನಷ್ಟವಾಗುವುದಿಲ್ಲ.
ವೆಬ್ ಪೇಜ್ ಪ್ರಿಲೋಡಿಂಗ್ ತಂತ್ರಜ್ಞಾನವನ್ನು ಹೇಗೆ ಬಳಸುವುದು?
ವಾಸ್ತವವಾಗಿ, html5 ನ ಲಿಂಕ್ ಟ್ಯಾಗ್ನಲ್ಲಿ ರೆಲ್ ಗುಣಲಕ್ಷಣವಿದೆ, ಅದರಲ್ಲಿ ಒಂದು ಪೂರ್ವಪಡೆಯುವಿಕೆ, ಆದರೆ ಗ್ರಾಹಕರ ಸಂಖ್ಯೆ ಚಿಕ್ಕದಾಗಿದೆ.
ಈ ಲೇಖನದಲ್ಲಿ ಪರಿಚಯಿಸಲಾದ instant.page ಈ ತಂತ್ರವನ್ನು ಬಳಸುವ ಸ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ.
- ಈ ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಕೆದಾರರು ಲಿಂಕ್ನಲ್ಲಿ ಎಷ್ಟು ಸಮಯದವರೆಗೆ ಮೌಸ್ ಮಾಡುತ್ತಾರೆ ಎಂಬುದರ ಆಧಾರದ ಮೇಲೆ ನಿರ್ಣಯಿಸುತ್ತದೆ.
- ಇದು 65ms ಅನ್ನು ತಲುಪಿದಾಗ, ಬಳಕೆದಾರರು ಲಿಂಕ್ ಅನ್ನು ತೆರೆಯುವ ಅರ್ಧ ಅವಕಾಶವನ್ನು ಹೊಂದಿರುತ್ತಾರೆ ಮತ್ತು Instant.page ಈ ಪುಟವನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡುತ್ತದೆ.
ವೆಬ್ ಪುಟ ಪೂರ್ವ ಲೋಡ್ JS ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್
1) ಅಧಿಕೃತವಾಗಿ JS ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ಕ್ಲೌಡ್ಫ್ಲೇರ್ ವೇಗವರ್ಧನೆಯೊಂದಿಗೆ ಒದಗಿಸಿ▼
instant.page ಬಳಕೆ ತುಂಬಾ ಸರಳವಾಗಿದೆ, ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ಗೆ ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಿಲೇಬಲ್ ಮೊದಲು.
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>
2) ಸ್ವಯಂ ಹೋಸ್ಟ್ ಸ್ವಾತಂತ್ರ್ಯಚೆನ್ ವೈಲಿಯಾಂಗ್ಆಫರ್▼
- ಸ್ಕ್ರಿಪ್ಟ್ ಸರ್ವರ್ನಲ್ಲಿ ವಾಸಿಸುತ್ತದೆ, Instantclick-1.2.2.js, ಆದ್ದರಿಂದ ನೀವು ವಿಷಯಗಳನ್ನು ನಿಧಾನಗೊಳಿಸುವ ಬಗ್ಗೆ ಚಿಂತಿಸಬೇಕಾಗಿಲ್ಲ.
ದಯವಿಟ್ಟು ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ಗೆ ಸೇರಿಸಿಲೇಬಲ್ ಮೊದಲು:
<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>
ಹೋಪ್ ಚೆನ್ ವೈಲಿಯಾಂಗ್ ಬ್ಲಾಗ್ ( https://www.chenweiliang.com/ ) ಹಂಚಿಕೊಂಡಿದ್ದಾರೆ "ವೆಬ್ ಪೇಜ್ ಪ್ರಿಲೋಡಿಂಗ್ನ ಉಪಯೋಗವೇನು? ನಿಮಗೆ ಸಹಾಯ ಮಾಡಲು ವೆಬ್ ಪುಟವನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡುವ instant.page ತಂತ್ರಜ್ಞಾನ" ಅನ್ನು ಮೊದಲೇ ಪಡೆದುಕೊಳ್ಳಿ.
ಈ ಲೇಖನದ ಲಿಂಕ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಸ್ವಾಗತ:https://www.chenweiliang.com/cwl-1053.html
ಇತ್ತೀಚಿನ ನವೀಕರಣಗಳನ್ನು ಪಡೆಯಲು ಚೆನ್ ವೈಲಿಯಾಂಗ್ ಅವರ ಬ್ಲಾಗ್ನ ಟೆಲಿಗ್ರಾಮ್ ಚಾನಲ್ಗೆ ಸುಸ್ವಾಗತ!
📚 ಈ ಮಾರ್ಗದರ್ಶಿಯು ದೊಡ್ಡ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿದೆ, 🌟ಇದು ಅಪರೂಪದ ಅವಕಾಶವಾಗಿದೆ, ಇದನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಡಿ! ⏰⌛💨
ಇಷ್ಟವಾದಲ್ಲಿ ಶೇರ್ ಮಾಡಿ ಮತ್ತು ಲೈಕ್ ಮಾಡಿ!
ನಿಮ್ಮ ಹಂಚಿಕೆ ಮತ್ತು ಇಷ್ಟಗಳು ನಮ್ಮ ನಿರಂತರ ಪ್ರೇರಣೆ!