W3 ಒಟ್ಟು ಸಂಗ್ರಹ ಮಿನಿಫೈ ಪ್ಲಗಿನ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳು: ಎಂಬೆಡಿಂಗ್ ಪ್ರಕಾರವನ್ನು ಹೇಗೆ ಆರಿಸುವುದು? ನನ್ನ ದೋಷನಿವಾರಣೆ ಅನುಭವ ಮತ್ತು ಜೀವ ಉಳಿಸುವ ಸಲಹೆ

W3 ಟೋಟಲ್ ಕ್ಯಾಶ್ ಮಿನಿಫೈಗೆ ಸರಿಯಾದ ಎಂಬೆಡಿಂಗ್ ಪ್ರಕಾರವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಹೆಣಗಾಡುತ್ತಿದೆಯೇ? ಈ ಲೇಖನವು ವೆಬ್‌ಮಾಸ್ಟರ್‌ನ ನೈಜ-ಪ್ರಪಂಚದ ಅನುಭವವನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಸರಿಯಾದ ಮಿನಿಫೈ ಎಂಬೆಡಿಂಗ್ ಪ್ರಕಾರವನ್ನು ನಿಖರವಾಗಿ ಆಯ್ಕೆ ಮಾಡಲು ಹಂತ-ಹಂತದ ಮಾರ್ಗದರ್ಶಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ, ವೆಬ್‌ಸೈಟ್ ಶೈಲಿಯ ಅಪಘಾತಗಳು ಮತ್ತು ಲೋಡಿಂಗ್ ಕ್ರ್ಯಾಶ್‌ಗಳನ್ನು ತಪ್ಪಿಸುತ್ತದೆ. ಇದು ಆರಂಭಿಕರು ಸಹ ಸುಲಭವಾಗಿ ಅನ್ವಯಿಸಬಹುದಾದ ಫೂಲ್‌ಪ್ರೂಫ್ ಸೆಟಪ್ ಪರಿಹಾರವನ್ನು ಸಹ ಒಳಗೊಂಡಿದೆ, ಇದು ಸುಗಮ ಮತ್ತು ವೇಗದ ವರ್ಡ್ಪ್ರೆಸ್ ಅನುಭವವನ್ನು ಖಚಿತಪಡಿಸುತ್ತದೆ!

ನಾನು ಒಂದು ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿಸುತ್ತಿದ್ದೆ ಮತ್ತು W3 ಟೋಟಲ್ ಕ್ಯಾಶ್‌ನಲ್ಲಿ ಮಿನಿಫೈ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ತೆರೆದಾಗ, ನಾನು ಸಂಪೂರ್ಣವಾಗಿ ದಿಗ್ಭ್ರಮೆಗೊಂಡಿದ್ದೆ. ಎಂಬೆಡೆಡ್ ಪ್ರಕಾರಕ್ಕಾಗಿ ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನು ನಾಲ್ಕು ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿತ್ತು: ಡೀಫಾಲ್ಟ್ (ಬ್ಲಾಕ್), ನಾನ್-ಬ್ಲಾಕಿಂಗ್‌ಗಾಗಿ JS ಅನ್ನು ಬಳಸಿ, ನಾನ್-ಬ್ಲಾಕಿಂಗ್‌ಗಾಗಿ "ಅಸಿಂಕ್ರೋನಸ್" ಅನ್ನು ಬಳಸಿ ಮತ್ತು ನಾನ್-ಬ್ಲಾಕಿಂಗ್‌ಗಾಗಿ "ವಿಳಂಬಿತ" ಅನ್ನು ಬಳಸಿ.

ನಾನು ಒಂದು ಕ್ಷಣ ಯೋಚಿಸಿದೆ, ಇದೆಲ್ಲ ಯಾವುದರ ಬಗ್ಗೆ?

ನನ್ನನ್ನು ನಂಬಿ, ನೀವು ಒಬ್ಬಂಟಿಯಲ್ಲ. ಈ ನಾಲ್ಕು ಆಯ್ಕೆಗಳು ಹೊಸಬರನ್ನು ಸಹ ಗೊಂದಲಕ್ಕೀಡು ಮಾಡುತ್ತದೆ, ವರ್ಷಗಳಿಂದ ವರ್ಡ್ಪ್ರೆಸ್ ಬಳಸುತ್ತಿರುವವರನ್ನು ಬಿಟ್ಟು. ಈ ಲೇಖನವು ನಾನು ಎದುರಿಸಿದ ಅಪಾಯಗಳನ್ನು ಮತ್ತು ನಾನು ಕಲಿತ ಪಾಠಗಳನ್ನು ನಿಮಗೆ ನೇರವಾಗಿ ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ. ನೀವು ದಸ್ತಾವೇಜನ್ನು ನೋಡುವ ಅಗತ್ಯವಿಲ್ಲ; ನನ್ನ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.

ಈ ನಾಲ್ಕು ಎಂಬೆಡಿಂಗ್ ಪ್ರಕಾರಗಳು ನಿಖರವಾಗಿ ಯಾವುವು?

ಈ ನಾಲ್ಕು ಆಯ್ಕೆಗಳು ಯಾವ ರೀತಿಯ ಪಾತ್ರ ಎಂಬುದರ ಕುರಿತು ಮೊದಲು ಮಾತನಾಡೋಣ.

ಡೀಫಾಲ್ಟ್ ನಿರ್ಬಂಧಿಸುವುದು ಅತ್ಯಂತ ಸರಳವಾದ ವಿಧಾನವಾಗಿದೆ. ಬ್ರೌಸರ್ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಎದುರಿಸಿದಾಗ, ಅದು ನಿಲ್ಲುತ್ತದೆ, ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ ಮತ್ತು ನಂತರ ಪುಟವನ್ನು ರೆಂಡರಿಂಗ್ ಮಾಡುವುದನ್ನು ಮುಂದುವರಿಸುತ್ತದೆ. ವಿಶ್ವಾಸಾರ್ಹವೆನಿಸುತ್ತದೆ, ಸರಿಯೇ? ಆದರೆ ವಿನಿಮಯವೆಂದರೆ ನಿಮ್ಮ ಆರಂಭಿಕ ಪುಟ ಲೋಡ್ ವಿಳಂಬವಾಗುತ್ತದೆ; ಬಳಕೆದಾರರು ಏನನ್ನಾದರೂ ನೋಡುವ ಮೊದಲು ಸ್ಕ್ರಿಪ್ಟ್ ಚಾಲನೆಯಲ್ಲಿರುವವರೆಗೆ ಕಾಯಬೇಕಾಗುತ್ತದೆ.

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

ನಿರ್ಬಂಧಿಸದ ಕಾರ್ಯಗತಗೊಳಿಸುವಿಕೆಗಾಗಿ "ಅಸಿಂಕ್ರೋನಸ್" ಅನ್ನು ಬಳಸುವುದು ಕೇವಲ `<script>` ಟ್ಯಾಗ್‌ಗೆ `ಅಸಿಂಕ್` ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಸ್ಕ್ರಿಪ್ಟ್ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಅಸಮಕಾಲಿಕವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಆಗುತ್ತದೆ ಮತ್ತು ಪುಟವು ಅದಕ್ಕಾಗಿ ಕಾಯದೆ ಪೂರ್ಣಗೊಂಡ ತಕ್ಷಣ ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ. ಆದಾಗ್ಯೂ, ನ್ಯೂನತೆಯೆಂದರೆ ಕಾರ್ಯಗತಗೊಳಿಸುವ ಆದೇಶವು ಸಂಪೂರ್ಣವಾಗಿ ನಿಯಂತ್ರಿಸಲಾಗುವುದಿಲ್ಲ; ನೀವು ಕೋಡ್‌ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಕ್ರಮವನ್ನು ಲೆಕ್ಕಿಸದೆ, ಮೊದಲು ಯಾವುದೇ ಡೌನ್‌ಲೋಡ್‌ಗಳು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತವೆ.

ನಿರ್ಬಂಧಿಸದ ಕಾರ್ಯಗತಗೊಳಿಸುವಿಕೆಗಾಗಿ "ವಿಳಂಬ" ವನ್ನು ಬಳಸುವುದನ್ನು `defer` ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಸಾಧಿಸಬಹುದು. ಸ್ಕ್ರಿಪ್ಟ್ ಕಾರ್ಯಗತಗೊಳಿಸುವ ಮೊದಲು ಸಂಪೂರ್ಣ ಪುಟವನ್ನು ಪಾರ್ಸ್ ಮಾಡುವವರೆಗೆ ಕಾಯುತ್ತದೆ ಮತ್ತು ಮುಖ್ಯವಾಗಿ, ನೀವು ಅದನ್ನು ಬರೆದ ಮೂಲ ಕ್ರಮವನ್ನು ಅದು ನಿರ್ವಹಿಸುತ್ತದೆ. ಇದು ಸಾಕಷ್ಟು ಬಳಕೆದಾರ ಸ್ನೇಹಿಯಾಗಿದೆ, ಏಕೆಂದರೆ ಇದು ಮೊದಲ ಪರದೆಯನ್ನು ನಿರ್ಬಂಧಿಸುವುದಿಲ್ಲ ಅಥವಾ ಸ್ಕ್ರಿಪ್ಟ್‌ನ ಕ್ರಮವನ್ನು ಅಡ್ಡಿಪಡಿಸುವುದಿಲ್ಲ.

ನಾನು ಯಾವುದನ್ನು ಆರಿಸಬೇಕು?

ಸರಳವಾಗಿ ಹೇಳುವುದಾದರೆ, ಈ ನಾಲ್ಕು ಆಯ್ಕೆಗಳು ಬಹು ಆಯ್ಕೆಯ ಪ್ರಶ್ನೆಯಂತೆ: ನಿಮಗೆ ವೇಗ ಬೇಕೇ ಅಥವಾ ನಿಮಗೆ ಆದೇಶ ಬೇಕೇ?

ನನ್ನ ಸಲಹೆ ಹೀಗಿದೆ:

ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ಚಿಕ್ಕದಾಗಿದ್ದರೆ, ಕಡಿಮೆ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಮತ್ತು ಲೋಡಿಂಗ್ ವೇಗಕ್ಕೆ ನಿಮಗೆ ಹೆಚ್ಚಿನ ಅವಶ್ಯಕತೆಗಳಿಲ್ಲದಿದ್ದರೆ, ಡೀಫಾಲ್ಟ್ (ನಿರ್ಬಂಧಿಸಲಾಗಿದೆ) ಸೆಟ್ಟಿಂಗ್ ಅನ್ನು ಬಳಸುವುದು ಸುಲಭವಾದ ಆಯ್ಕೆಯಾಗಿದೆ. ಇದು ಸ್ವಲ್ಪ ನಿಧಾನವಾಗಿದ್ದರೂ, ಅದು ಯಾವುದೇ ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡುವುದಿಲ್ಲ.

ನೀವು ಮೊದಲ-ಪರದೆಯ ವೇಗವನ್ನು ಸುಧಾರಿಸಲು ಬಯಸಿದರೆ ಮತ್ತು ನಿಮ್ಮ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು "A B ಗಿಂತ ಮೊದಲು ಕಾರ್ಯಗತಗೊಳಿಸಬೇಕು" ನಂತಹ ಬಲವಾದ ಅವಲಂಬನೆಗಳನ್ನು ಹೊಂದಿಲ್ಲದಿದ್ದರೆ, ನಿರ್ಬಂಧಿಸದ ಕಾರ್ಯಗತಗೊಳಿಸುವಿಕೆಗಾಗಿ "defer" ಅನ್ನು ಬಳಸಲು ಆದ್ಯತೆ ನೀಡಿ . ಇದು ಪ್ರಸ್ತುತ ಲಭ್ಯವಿರುವ ಬಹುತೇಕ ಆದರ್ಶ ಪರಿಹಾರವಾಗಿದೆ, ಏಕೆಂದರೆ ಇದು ಕಾರ್ಯಗತಗೊಳಿಸುವಿಕೆಯ ಕ್ರಮವನ್ನು ನಿರ್ವಹಿಸುವಾಗ ರೆಂಡರಿಂಗ್ ಅನ್ನು ನಿರ್ಬಂಧಿಸುವುದನ್ನು ತಪ್ಪಿಸುತ್ತದೆ.

ಡಿಫರ್ ಪ್ರಯತ್ನಿಸಿದ ನಂತರವೂ ಕೆಲವು ಕಾರ್ಯಗಳು ಸಮಸ್ಯೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ನಿರ್ಬಂಧಿಸದಿರಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸುವುದನ್ನು ಪರಿಗಣಿಸಿ . ಈ ವಿಧಾನವು ಹೆಚ್ಚು ಆಕ್ರಮಣಕಾರಿಯಾಗಿದೆ, ಆದರೆ ಇದರ ಹೊಂದಾಣಿಕೆ ಸ್ವಲ್ಪ ಕೆಟ್ಟದಾಗಿದೆ.

ನಿರ್ಬಂಧಿಸದಿರಲು "ಅಸಿಂಕ್" ಅನ್ನು ಬಳಸುವುದು ನಾನು ಕಡಿಮೆ ಶಿಫಾರಸು ಮಾಡುವ ಆಯ್ಕೆಯಾಗಿದೆ. ಕಾರ್ಯಗತಗೊಳಿಸುವ ಆದೇಶವು ಸಂಪೂರ್ಣವಾಗಿ ಗೊಂದಲಕ್ಕೊಳಗಾಗಿರುವುದರಿಂದ, ನಿಮ್ಮ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಸ್ವತಂತ್ರವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂದು ನಿಮಗೆ ಖಚಿತವಿಲ್ಲದಿದ್ದರೆ ಕ್ರ್ಯಾಶ್ ಆಗುವುದು ಸುಲಭ.

ನಾನು ಬಿದ್ದ ಎರಡು ದೊಡ್ಡ ಅಪಾಯಗಳು

ಮಾತು ಅಗ್ಗ. ನಾನು ಮಾಡಿದ ಎರಡು ತಪ್ಪುಗಳನ್ನು ಬರೆದಿದ್ದೇನೆ; ನೀವು ಅವುಗಳನ್ನು ತಪ್ಪಿಸಬಹುದೇ ಎಂದು ನೋಡಲು ನಿಮ್ಮ ಸ್ವಂತ ಅನುಭವದ ವಿರುದ್ಧ ಪರಿಶೀಲಿಸಬಹುದು.

ಮೊದಲ ಅಪಾಯ: ಕಸ್ಟಮ್ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ಗಳನ್ನು ನೈಜ ಸಮಯದಲ್ಲಿ ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ.

ಸ್ವಲ್ಪ ಸಮಯದವರೆಗೆ, ಥೀಮ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವಾಗ, ಉಳಿಸು ಕ್ಲಿಕ್ ಮಾಡಿದ ನಂತರ, ಪೂರ್ವವೀಕ್ಷಣೆ ರಿಫ್ರೆಶ್ ಆಗುವುದಿಲ್ಲ. ನಾನು ಕೆಲವು ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡುತ್ತೇನೆ, ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡುತ್ತೇನೆ, ಮತ್ತು ಅದು ಇನ್ನೂ ಹಾಗೆಯೇ ಇರುತ್ತದೆ.

ಸ್ವಲ್ಪ ತನಿಖೆ ಮಾಡಿದ ನಂತರ, Minify ನ ಕಂಪ್ರೆಷನ್ ಕಾರ್ಯವೇ ಕಾರಣ ಎಂದು ನಾನು ಕಂಡುಕೊಂಡೆ. ಪರಿಹಾರ ಸರಳವಾಗಿದೆ:

W3 ಟೋಟಲ್ ಕ್ಯಾಶ್ ಪ್ಲಗಿನ್‌ನ ಸಾಮಾನ್ಯ ಸೆಟ್ಟಿಂಗ್‌ಗಳಿಗೆ ಹೋಗಿ, "ಕಂಪ್ರೆಷನ್" ಆಯ್ಕೆಯನ್ನು ಹುಡುಕಿ ಮತ್ತು ಅದನ್ನು ಗುರುತಿಸಬೇಡಿ. ನಂತರ, ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿರುವ "ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಉಳಿಸು" ಕೆಳಗಿನ ಸಣ್ಣ ಬಾಣದ ಗುರುತನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು " ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಉಳಿಸಿ ಮತ್ತು ಸಂಗ್ರಹವನ್ನು ತೆರವುಗೊಳಿಸಿ " ಆಯ್ಕೆಮಾಡಿ. ಈ ಹಂತವು ನಿರ್ಣಾಯಕವಾಗಿದೆ; ಸಂಗ್ರಹವನ್ನು ತೆರವುಗೊಳಿಸದೆ, ನೀವು ಇನ್ನೂ ಹಳೆಯ ಆವೃತ್ತಿಯನ್ನು ನೋಡುತ್ತೀರಿ.

ನೀವು ಮುಗಿಸಿದ ನಂತರ, ಥೀಮ್ ಗ್ರಾಹಕೀಕರಣಕ್ಕೆ ಹಿಂತಿರುಗಿ, ಮತ್ತು ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ ಸಾಮಾನ್ಯ ಸ್ಥಿತಿಗೆ ಮರಳುತ್ತದೆ.

ಎರಡನೆಯ ಸಮಸ್ಯೆ: ಅಸ್ಟ್ರಾ ಥೀಮ್ ಹುಡುಕಾಟ ಪೆಟ್ಟಿಗೆಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಅದು ಪ್ರತಿಕ್ರಿಯಿಸುವುದಿಲ್ಲ.

ನಾನು ಬಹಳ ಹಿಂದೆಯೇ ಈ ಸಮಸ್ಯೆಯನ್ನು ಎದುರಿಸಿದೆ. ನಾನು ಅಸ್ಟ್ರಾ ಥೀಮ್ ಬಳಸುತ್ತಿದ್ದೆ, ಮತ್ತು ಒಂದು ದಿನ ನಾನು ಹುಡುಕಾಟ ಪೆಟ್ಟಿಗೆಯನ್ನು ಹೇಗೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೂ ಅದು ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತಿಲ್ಲ ಎಂದು ಇದ್ದಕ್ಕಿದ್ದಂತೆ ಕಂಡುಕೊಂಡೆ. ಮೊದಲಿಗೆ, ಇದು ಥೀಮ್‌ನಲ್ಲೇ ಸಮಸ್ಯೆ ಎಂದು ನಾನು ಭಾವಿಸಿದ್ದೆ, ಆದರೆ ನಂತರ ಅದು W3TC ಯ ಮಿನಿಫೈ ಸೆಟ್ಟಿಂಗ್‌ಗಳಿಂದ ಉಂಟಾಗಿದೆ ಎಂದು ನಾನು ಕಂಡುಕೊಂಡೆ.

ಪರಿಹಾರವು ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ:

W3 ಒಟ್ಟು ಸಂಗ್ರಹ → ಸಾಮಾನ್ಯ ಸೆಟ್ಟಿಂಗ್‌ಗಳು → ಸುಧಾರಿತ ಸಂಕೋಚನ ಸೆಟ್ಟಿಂಗ್‌ಗಳು → JS → ಮಿನಿಫೈ ಎಂಜಿನ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳು → ಲೊಕೇಲ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳಿಗೆ ಹೋಗಿ, ಮತ್ತು ಎಂಬೆಡಿಂಗ್ ಪ್ರಕಾರವನ್ನು ಈ ಎರಡರಲ್ಲಿ ಒಂದಕ್ಕೆ ಬದಲಾಯಿಸಿ:

1. ಹಿಂದೆ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ನಿರ್ಬಂಧಿಸದಿರುವುದನ್ನು ಸಾಧಿಸಲಾಗುತ್ತಿತ್ತು.
2. ನಂತರ, ನಿರ್ಬಂಧಿಸದಿರಲು JS ಬಳಸಿ

ಅದೇ ರೀತಿ, ಕ್ಯಾಶ್ ಅನ್ನು ತೆರವುಗೊಳಿಸಿ ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡುವುದರಿಂದ ಹುಡುಕಾಟ ಪೆಟ್ಟಿಗೆ ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.

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

ಭೇಟಿ ನೀಡಬೇಕಾದ ಸ್ಥಳಗಳ ಪಟ್ಟಿ

ಕೊನೆಯದಾಗಿ, ನೀವು ನೇರವಾಗಿ ಅನುಸರಿಸಬಹುದಾದ ಪರಿಶೀಲನಾಪಟ್ಟಿ ಇಲ್ಲಿದೆ:

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

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

ಮೂರನೆಯದಾಗಿ, ಪ್ರತಿ ಮಾರ್ಪಾಡಿನ ನಂತರ ಯಾವಾಗಲೂ ಕ್ಯಾಶ್ ಅನ್ನು ತೆರವುಗೊಳಿಸಿ. W3TC ಯ ಕ್ಯಾಶಿಂಗ್ ಕಾರ್ಯವಿಧಾನವು ಇತ್ತೀಚಿನ ಬದಲಾವಣೆಗಳನ್ನು ನೋಡದಂತೆ ನಿಮ್ಮನ್ನು ತಡೆಯುತ್ತದೆ, ಆದ್ದರಿಂದ "ಕ್ಯಾಶ್ ತೆರವುಗೊಳಿಸಿ ಮತ್ತು ಮತ್ತೆ ಪರೀಕ್ಷಿಸಿ" ಹಂತವು ಸಂಪೂರ್ಣವಾಗಿ ಅವಶ್ಯಕವಾಗಿದೆ.

ನಾಲ್ಕನೆಯದಾಗಿ, ಲೋಡಿಂಗ್ ವೇಗವನ್ನು ಮೊದಲು ಮತ್ತು ನಂತರದ ಹೋಲಿಕೆ ಮಾಡಲು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಡೆವಲಪರ್ ಪರಿಕರಗಳು ಅಥವಾ ಪೇಜ್‌ಸ್ಪೀಡ್ ಇನ್‌ಸೈಟ್‌ಗಳಂತಹ ಪರಿಕರಗಳನ್ನು ಬಳಸಿ. ಡೇಟಾವು ನಿಮ್ಮ ಒಳಗಿನ ಭಾವನೆಯನ್ನು ಮಾತ್ರವಲ್ಲದೆ, ಸ್ವತಃ ಮಾತನಾಡಲಿ.

ಕೊನೆಯಲ್ಲಿ ಬರೆಯಿರಿ

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

ಆದರೆ ನಂತರ ಅದು ಒಂದು ವಿನಿಮಯ ಎಂದು ನಾನು ಅರಿತುಕೊಂಡೆ. ನೀವು ವೇಗವಾದ ಮತ್ತು ಸ್ಥಿರವಾದ ಎರಡನ್ನೂ ಹೊಂದಲು ಸಾಧ್ಯವಿಲ್ಲ; ನೀವು ಯಾವಾಗಲೂ ಒಂದನ್ನು ತ್ಯಾಗ ಮಾಡಬೇಕು. ನನ್ನ ಅನುಭವವೆಂದರೆ ಮೊದಲು ಡಿಫರ್ ಅನ್ನು ಬಳಸುವುದು, ಇದು ಪ್ರಸ್ತುತ ಸುರಕ್ಷಿತವಾದ ನಿರ್ಬಂಧಿಸದ ಪರಿಹಾರವಾಗಿದೆ ಮತ್ತು ನಂತರ ಸಮಸ್ಯೆಗಳು ಎದುರಾದರೆ ಕಾಲ್‌ಬ್ಯಾಕ್ ಅನ್ನು ಬಳಸುವುದು.

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

ನನ್ನ ಲೇಖನ ಓದಿದ್ದಕ್ಕೆ ಧನ್ಯವಾದಗಳು. ಮುಂದಿನ ಬಾರಿ ಭೇಟಿಯಾಗೋಣ.