ಸೈಟ್ ವೇಗ ಮತ್ತು ಅಸಮಕಾಲಿಕ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್

ಅಸಮಕಾಲಿಕ

ನಾನು ಸಾಕಷ್ಟು ಅಭಿವೃದ್ಧಿ ಮಾಡುವಾಗ, ನಾನು ನಿಜವಾದ ಡೆವಲಪರ್ ಎಂದು ವರ್ಗೀಕರಿಸುವುದಿಲ್ಲ. ನಾನು ಪುಟದಲ್ಲಿ ವಿಷಯವನ್ನು ಪ್ರೋಗ್ರಾಂ ಮಾಡಬಹುದು ಮತ್ತು ಚಲಿಸಬಹುದು ಮತ್ತು ಅದನ್ನು ಕಾರ್ಯರೂಪಕ್ಕೆ ತರಬಹುದು. ನಿಜವಾದ ಡೆವಲಪರ್ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಅಭಿವೃದ್ಧಿಪಡಿಸಬೇಕು ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತಾರೆ ಇದರಿಂದ ಅದನ್ನು ಅಳೆಯಬಹುದು, ಹೆಚ್ಚಿನ ಸಂಪನ್ಮೂಲಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಾರದು, ತ್ವರಿತವಾಗಿ ಲೋಡ್ ಮಾಡಬಹುದು, ನಂತರ ಸುಲಭವಾಗಿ ಮಾರ್ಪಡಿಸಬಹುದು ಮತ್ತು ಇನ್ನೂ ಕೆಲಸ ಮಾಡಬಹುದು.

ಮಾರಾಟಗಾರರನ್ನು ಹಾಕುವ ಕಠಿಣ ತಾಣವೆಂದರೆ ಇಬ್ಬರಿಗೂ ಒಂದು ಅತ್ಯಂತ ವೇಗದ ವೆಬ್ ಸೈಟ್ ಮತ್ತು ನಿಮ್ಮ ಸೈಟ್ ಎಷ್ಟು ಬೇಗನೆ ಲೋಡ್ ಆಗುತ್ತದೆ ಎಂಬುದರ ಮೇಲೆ ಅವಲಂಬನೆಗಳನ್ನು ರಚಿಸಬಹುದಾದ ಸಂಯೋಜನೆಗಳು ಮತ್ತು ಸಾಮಾಜಿಕ ಅಂಶಗಳನ್ನು ಇನ್ನೂ ಸಂಯೋಜಿಸಿ. ಅಂತಹ ಒಂದು ಉದಾಹರಣೆ ಸಾಮಾಜಿಕ ಗುಂಡಿಗಳು. ಮಾರ್ಟೆಕ್ನಲ್ಲಿ, ಸೈಟ್ನ ಪ್ರತಿಯೊಂದು ಪುಟದಲ್ಲಿ ನಾವು ಸಾಮಾಜಿಕ ಗುಂಡಿಗಳನ್ನು ಹೊಂದಿದ್ದೇವೆ. ಆದ್ದರಿಂದ… ಫೇಸ್‌ಬುಕ್ ಸಂಪನ್ಮೂಲಗಳು ಒಂದು ದಿನ ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗಿದ್ದರೆ, ಅದು ನಮ್ಮ ಸೈಟ್‌ ಅನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ. ನಂತರ ಅದಕ್ಕೆ ಟ್ವಿಟರ್, ಪಿನ್‌ಟಾರೆಸ್ಟ್, ಬಫರ್ ಇತ್ಯಾದಿಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಸೈಟ್‌ ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುವ ಸಾಧ್ಯತೆಗಳು ಏನೂ ಇಲ್ಲ.

ಅದನ್ನು ಸಿಂಕ್ರೊನಸ್ ಲೋಡಿಂಗ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ನೀವು ಒಂದು ಅಂಶವನ್ನು ಲೋಡ್ ಮಾಡುವುದನ್ನು ಮುಗಿಸಬೇಕು ಮೊದಲು ನೀವು ಮುಂದಿನ ಅಂಶವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತೀರಿ. ಅಸಮಕಾಲಿಕವಾಗಿ ವಸ್ತುಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು ನಿಮಗೆ ಸಾಧ್ಯವಾದರೆ, ನೀವು ಪರಸ್ಪರ ಅವಲಂಬನೆಯಿಲ್ಲದೆ ವಸ್ತುಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. ಅಂಶಗಳನ್ನು ಅಸಮಕಾಲಿಕವಾಗಿ ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ನಿಮ್ಮ ಸೈಟ್‌ನ ವೇಗವನ್ನು ನೀವು ತೀವ್ರವಾಗಿ ಸುಧಾರಿಸಬಹುದು. ಸಮಸ್ಯೆಯೆಂದರೆ, ಈ ಕಂಪನಿಗಳು ನಿಮಗೆ ಒದಗಿಸುವ ಪೆಟ್ಟಿಗೆಯ ಹೊರಗಿನ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಅಸಮಕಾಲಿಕತೆಯನ್ನು ಚಲಾಯಿಸಲು ಎಂದಿಗೂ ಹೊಂದುವಂತೆ ಮಾಡುವುದಿಲ್ಲ.
ಅಸಮಕಾಲಿಕ

ಪಿಂಗ್ಡೊಮ್ನಲ್ಲಿ ಪರೀಕ್ಷೆಯನ್ನು ನಡೆಸುವ ಮೂಲಕ ನಿಮ್ಮ ಪುಟದ ವೇಗದ ಮೇಲೆ ಏನು ಪರಿಣಾಮ ಬೀರುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ನೋಡಬಹುದು:
ಪಿಂಗ್ಡೊಮ್ ಪುಟ ಲೋಡ್

ಅಸಮಕಾಲಿಕ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು ಹೇಳುವ ಕೋಡ್ ಬರೆಯಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ ನಂತರ ಪುಟವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಲೋಡ್ ಮಾಡಲಾಗಿದೆ. ಅವಲಂಬನೆಗಳಿಲ್ಲ! ಆದ್ದರಿಂದ, ನಿಮ್ಮ ಪುಟ ಲೋಡ್ ಆಗುತ್ತದೆ ಮತ್ತು ಅದು ಪೂರ್ಣಗೊಂಡ ನಂತರ, ಸ್ಕ್ರಿಪ್ಟ್ ಇತರ ಅಂಶಗಳನ್ನು ಲೋಡ್ ಮಾಡುವ ಪ್ರಾರಂಭಿಸುತ್ತದೆ - ಈ ಸಂದರ್ಭದಲ್ಲಿ ನಮ್ಮ ಸಾಮಾಜಿಕ ಗುಂಡಿಗಳು. ನೀವು ಡೆವಲಪರ್ ಆಗಿದ್ದರೆ, ನೀವು ಉತ್ತಮ ಲೇಖನವನ್ನು ಓದಬಹುದು, ಲೇಜಿ ಲೋಡಿಂಗ್ ಅಸಿಂಕ್ರೋನಸ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್.

ಎಮಿಲ್ ಸ್ಟೆನ್‌ಸ್ಟ್ರಾಮ್‌ನಿಂದ ಅದನ್ನು ಸರಿಯಾಗಿ ಹೇಗೆ ಮಾಡಬೇಕೆಂಬುದರ ತುಣುಕು ಇಲ್ಲಿದೆ:

. / ಸ್ಕ್ರಿಪ್ಟ್. else window.addEventListener ('ಲೋಡ್', ಅಸಿಂಕ್_ಲೋಡ್, ಸುಳ್ಳು);}) ();

ಇದರ ಫಲಿತಾಂಶವೆಂದರೆ ಈ ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಸಂಯೋಜನೆಗಳು ಕಡಿಮೆಯಾಗಿದ್ದರೆ ಅಥವಾ ನಿಧಾನವಾಗಿ ಚಲಿಸುತ್ತಿದ್ದರೆ, ಅದು ನಿಮ್ಮ ಪ್ರಮುಖ ಪುಟದ ವಿಷಯವು ಕಾಣಿಸಿಕೊಳ್ಳದಂತೆ ಎಂದಿಗೂ ಪರಿಣಾಮ ಬೀರುವುದಿಲ್ಲ. ನಮ್ಮ ಪುಟದ ಮೂಲವನ್ನು ನೀವು ನೋಡಿದರೆ, ಈ ತಂತ್ರವನ್ನು ಬಳಸಿಕೊಂಡು ನಾನು ಎಲ್ಲಾ ಹೆಚ್ಚುವರಿ ಸಾಮಾಜಿಕ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡುತ್ತಿದ್ದೇನೆ ಎಂದು ನೀವು ನೋಡುತ್ತೀರಿ. ಪ್ರಕ್ರಿಯೆ ನಮ್ಮ ಸೈಟ್‌ನ ವೇಗದ ಸೆಕೆಂಡುಗಳನ್ನು ಸುಧಾರಿಸಿದೆ - ಮತ್ತು ಲೋಡಿಂಗ್ ಸಮಯದಲ್ಲಿ ಉಸಿರುಗಟ್ಟಿಸುವುದಿಲ್ಲ. ನಮ್ಮ ಎಲ್ಲಾ ಬಾಹ್ಯ ಅವಲಂಬನೆಗಳನ್ನು ನಾವು ಪರಿವರ್ತಿಸಿಲ್ಲ ಅಸಮಕಾಲಿಕ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಆದರೆ ನಾವು ಮಾಡುತ್ತೇವೆ.

ನೀವು ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು?

ಸ್ಪ್ಯಾಮ್ ಅನ್ನು ಕಡಿಮೆ ಮಾಡಲು ಈ ಸೈಟ್ ಅಕಿಸ್ಸೆಟ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಕಾಮೆಂಟ್ ಡೇಟಾವನ್ನು ಹೇಗೆ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತಿದೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ.