ਅਸੀਂ ਆਪਣੇ ਪੇਜ ਲੋਡ ਸਮੇਂ ਨੂੰ 10 ਸਕਿੰਟ ਦੁਆਰਾ ਕਿਵੇਂ ਕੱਟਦੇ ਹਾਂ

ਜਦੋਂ ਕਿਸੇ ਮਹਾਨ ਵੈਬਸਾਈਟ ਦੀ ਗੱਲ ਆਉਂਦੀ ਹੈ ਤਾਂ ਸਪੀਡ ਅਤੇ ਸਮਾਜਿਕ ਇਕੱਠੇ ਕੰਮ ਕਰਨਾ ਨਹੀਂ ਜਾਪਦੇ. ਅਸੀਂ ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਮਾਈਗਰੇਟ ਕੀਤਾ Flywheel (ਐਫੀਲੀਏਟ ਲਿੰਕ) ਅਤੇ ਇਸ ਨੇ ਸਾਡੀ ਸਾਈਟ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਅਤੇ ਸਥਿਰਤਾ ਵਿਚ ਬਹੁਤ ਸੁਧਾਰ ਕੀਤਾ. ਪਰ ਸਾਡੀ ਸਾਈਟ ਡਿਜ਼ਾਇਨ - ਇੱਕ ਚਰਬੀ ਫੁੱਟਰ ਦੇ ਨਾਲ ਜੋ ਸਾਡੀ ਸਮਾਜਿਕ ਗਤੀਵਿਧੀ ਨੂੰ ਫੇਸਬੁੱਕ, ਟਵਿੱਟਰ, ਯੂਟਿubeਬ ਅਤੇ ਸਾਡੇ ਪੋਡਕਾਸਟ 'ਤੇ ਉਤਸ਼ਾਹਿਤ ਕਰਦੀ ਹੈ - ਸਾਡੀ ਸਾਈਟ ਨੂੰ ਕ੍ਰਾਲ ਤੱਕ ਘਟਾਉਂਦੀ ਹੈ.

ਇਹ ਬੁਰਾ ਸੀ. ਜਦੋਂ ਕਿ ਇੱਕ ਵਧੀਆ ਪੇਜ 2 ਸਕਿੰਟ ਜਾਂ ਇਸਤੋਂ ਘੱਟ ਸਮੇਂ ਵਿੱਚ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਸਾਡੀ ਸਾਈਟ ਇੱਕ ਪੰਨੇ ਨੂੰ ਪੂਰਾ ਹੋਣ ਲਈ 10 ਸਕਿੰਟ ਲੈ ਰਹੀ ਹੈ. ਸਮੱਸਿਆ ਵਰਡਪਰੈਸ ਜਾਂ ਫਲਾਈਵ੍ਹੀਲ ਦੀ ਨਹੀਂ ਸੀ, ਸਮੱਸਿਆ ਉਹ ਸਾਰੇ ਇੰਟਰਐਕਟਿਵ ਐਲੀਮੈਂਟਸ ਸਨ ਜੋ ਅਸੀਂ ਦੂਜੀਆਂ ਸੇਵਾਵਾਂ ਤੋਂ ਭਰੇ ਹਾਂ ... ਫੇਸਬੁੱਕ ਅਤੇ ਟਵਿੱਟਰ ਵਿਡਜਿਟ, ਯੂਟਿ previewਬ ਪ੍ਰੀਵਿ images ਚਿੱਤਰ, ਸਾਡੀ ਪੋਡਕਾਸਟ ਐਪਲੀਕੇਸ਼ਨ, ਮੈਂ ਬਸ ਨਿਯੰਤਰਣ ਨਹੀਂ ਕਰ ਸਕਿਆ ਕਿ ਉਨ੍ਹਾਂ ਨੇ ਕਿੰਨੀ ਹੌਲੀ ਲੋਡ ਕੀਤੀ. ਹੁਣ ਤਕ.

ਤੁਸੀਂ ਹੁਣ ਵੇਖੋਗੇ ਕਿ ਸਾਡੇ ਪੰਨੇ ਲਗਭਗ 2 ਸਕਿੰਟਾਂ ਵਿੱਚ ਲੋਡ ਹੋ ਜਾਣਗੇ. ਅਸੀਂ ਇਹ ਕਿਵੇਂ ਕੀਤਾ? ਅਸੀਂ ਆਪਣੇ ਫੁੱਟਰ ਵਿਚ ਇਕ ਗਤੀਸ਼ੀਲ ਭਾਗ ਸ਼ਾਮਲ ਕੀਤਾ ਹੈ ਜੋ ਸਿਰਫ ਉਦੋਂ ਲੋਡ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਉਪਯੋਗਕਰਤਾ ਉਸ ਥਾਂ ਤੇ ਸਾਰੇ ਪਾਸੇ ਸਕ੍ਰੌਲ ਕਰਦਾ ਹੈ. ਬ੍ਰਾ browserਜ਼ਰ ਵਿਚ ਸਾਡੇ ਪੇਜ ਦੇ ਤਲ ਤਕ ਸਾਰੇ ਪਾਸੇ ਸਕ੍ਰੌਲ ਕਰੋ (ਮੋਬਾਈਲ, ਐਪ ਜਾਂ ਟੈਬਲੇਟ ਨਹੀਂ) ਅਤੇ ਤੁਸੀਂ ਦੇਖੋਗੇ ਇਕ ਲੋਡਿੰਗ ਈਮੇਜ ਸੰਭਾਲਦਾ ਹੈ:

ਲੋਡ

JQuery ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਅਸੀਂ ਅਸਲ ਵਿੱਚ ਪੰਨੇ ਦਾ ਅਧਾਰ ਉਦੋਂ ਤੱਕ ਲੋਡ ਨਹੀਂ ਕਰਦੇ ਜਦੋਂ ਤੱਕ ਕੋਈ ਉਥੇ ਸਕ੍ਰੌਲ ਨਹੀਂ ਕਰਦਾ. ਕੋਡ ਅਸਲ ਵਿੱਚ ਕਾਫ਼ੀ ਸਧਾਰਨ ਹੈ:

$ (ਵਿੰਡੋ). ਸਕ੍ਰੋਲ (ਫੰਕਸ਼ਨ () {if (jQuery (ਦਸਤਾਵੇਜ਼) .ਹੀਟ () == jQuery (ਵਿੰਡੋ). ਸਕ੍ਰੌਲਟੱਪ () + jQuery (ਵਿੰਡੋ). ਹੈਟ ()) {ਜੇ ($ ("# ਪਲੇਸਟੋਲੈਡ") ) ਟੈਕਸਟ () ਲੰਬਾਈ <200) {$ ("# ਪੂਰਕ"). ਲੋਡ ('[ਲੋਡ ਕਰਨ ਲਈ ਪੰਨੇ ਦਾ ਪੂਰਾ ਮਾਰਗ]');}}});

ਇੱਕ ਵਾਰ ਜਦੋਂ ਉਪਭੋਗਤਾ ਪੰਨੇ ਦੇ ਅਧਾਰ ਤੇ ਸਕ੍ਰੌਲ ਕਰਦਾ ਹੈ, ਤਾਂ jQuery ਜਾਓ ਨਿਰਧਾਰਤ ਰਸਤੇ ਦੇ ਪੰਨੇ ਦੇ ਭਾਗਾਂ ਨੂੰ ਕੱracts ਲੈਂਦਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਤੁਹਾਡੇ ਦੁਆਰਾ ਚੁਣੇ ਗਏ ਡਿਵ ਦੇ ਅੰਦਰ ਲੋਡ ਕਰਦਾ ਹੈ.

ਹਾਲਾਂਕਿ ਸਾਈਟ ਹੁਣ ਉਸ ਸਮੱਗਰੀ ਤੋਂ ਲਾਭ ਨਹੀਂ ਉਠਾਉਂਦੀ ਜੋ ਇੱਥੇ ਲੋਡ ਕੀਤੀ ਗਈ ਹੈ (ਕਿਉਂਕਿ ਇੱਕ ਖੋਜ ਇੰਜਨ ਇਸ ਨੂੰ ਨਹੀਂ ਕਰ ਰਿਹਾ), ਪਰ ਸਾਨੂੰ ਪੂਰਾ ਵਿਸ਼ਵਾਸ ਹੈ ਕਿ ਪੇਜ ਦੀ ਗਤੀ ਸਾਡੀ ਰੈਂਕਿੰਗ, ਸਾਂਝੇ ਕਰਨ ਅਤੇ ਸ਼ਮੂਲੀਅਤ ਨੂੰ ਕਿਸੇ ਦੇ ਹੋਣ ਨਾਲੋਂ ਬਹੁਤ ਜ਼ਿਆਦਾ ਸਹਾਇਤਾ ਕਰੇਗੀ. ਸਾਡੇ ਪੇਜ ਲਈ ਬਹੁਤ ਹੀ ਹੌਲੀ ਹੌਲੀ ਲੋਡ ਹੋਣ ਲਈ ਬੇਸਬਰੀ ਨਾਲ ਇੰਤਜ਼ਾਰ ਕਰੋ. ਸਭ ਤੋਂ ਵਧੀਆ, ਪੇਜ ਵਿਚ ਅਜੇ ਵੀ ਉਹ ਸਾਰੇ ਤੱਤ ਹਨ ਜੋ ਅਸੀਂ ਆਪਣੇ ਵਿਜ਼ਟਰਾਂ ਨਾਲ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ ... ਬਿਨਾਂ ਪੇਜ ਦੀ ਗਤੀ ਦੀ ਕੁਰਬਾਨੀ.

ਸਾਨੂੰ ਅਜੇ ਵੀ ਕੁਝ ਕੰਮ ਕਰਨ ਲਈ ਮਿਲ ਗਏ ਹਨ ... ਪਰ ਅਸੀਂ ਉਥੇ ਆ ਰਹੇ ਹਾਂ!

ਤੁਹਾਨੂੰ ਕੀ ਲੱਗਦਾ ਹੈ?

ਇਹ ਸਾਈਟ ਸਪੈਮ ਨੂੰ ਘੱਟ ਕਰਨ ਲਈ ਅਕਕੀਮੈਟ ਵਰਤਦੀ ਹੈ. ਜਾਣੋ ਕਿ ਤੁਹਾਡੇ ਟਿੱਪਣੀ ਡੇਟਾ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਿਵੇਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.