Відео

Thank you!

This do not affect when loading and then click like the shopping bag or hamburger menu and that can be opend inmediatly

Thank you for sharing! Is this code working on the Sense theme too? I added it, but I couldn't customize it, and the width is not set to auto when applied.

dudeeeeee, are U magician???

thank you, it helped, you should make more content and keep it short to the point. Regards Rai

hi I think of building a similar scarping project a website that scraps the web and extracts info about new and old diseased people in short a memorial website in Arabic for the arab world like a Wikipedia for dead people info can you mentor me?

really help me

What size does the image have to be? Can you help me with that?

The video is very helpful and am also looking forward more of your videos.

Thank you very much for the explanation but my question is: can't we solve other java script execution time for the Google tag and others?

Thanks so much....

where is the code??

is this technique stops the working of app or it just remove the app url during page load? i don't want to remove the app. if this tecnique stops the app working. then it will not help to me

Great tutorial, hat tip.

I added the same but not working even it become more slow

How did you open the search bar 6:32

Heyy John, the tutorial is really helpful, you should do more like these

Thank you! It worked perfectly!

Thanks, good stuff shared.

a real gem - thanks a lot , keep them coming please

mate ur a legend thank u🙏

best tutorial for speed.

Hi John, unfortunately I can only find the div tags in an index JSON file so it won't work :( I looked further and the tags are in dynamic-content that has all the sections on the JSON file, not sure how to grab them from there.

Thank you. It worked a treat! Brilliant video!

hey, i tried to do this on the product page but its not working, i dont know if its a theme specific problem but when i delete "lazy" the img disapears

legend!! thx!

Why you have't removed the app: "Judgeme" ?

It helped me a lot, thanks!

What a tutorial!!!! This tutorial saved my life. Thanks a lot PRO, you're genius :)

This video is really helpfull

You earned my subscribe .

I am having an issue at 9:08 i have done the same but when i click the button it show me console log 2 times like if I was clicking double. please tell me how to fix this Thanks in advance 🙂

I am getting lots of console amd other errors

Its very helpful.Please make a full playlist of speed optimization.

Can you please make a tutorial on how to fix cls

I need my store speed up. Help me please?🙏🏻

Then how can i deploy this in vercel netlify or render?

Thank you. It was very helpful.

I use app router and face no CORS issue until I call the fetching function inside useEffect or componentDidMount. How can I fetch API request inside useEffect or componentDidMount and still make it serverside

You should make more tutorials. You're just perfect in terms of practical solution and calm explanation. I don't know anything about codes but you made it look super straight forward. Thanks.

const handler = async (req, res) => { console.log("**************************************") console.log(req.body.param) console.log("**************************************") //const params = {"fields":{"node--blog":"id,title,field_image,field_topic,name,body","include":"field_image,uid,field_topic,name"},"filter":{}} const params = req.body.param const method = 'POST'; const options = { method: method, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ deserialize: false, params }) } const url ="unicefd10.assyst-uc.com/jsonapi/index/blogs_and_articles"; try { const response = await fetch(url, options); const data = await response.json(); return res.end({'success': JSON.stringify(data)}); } catch (err) { return res.end({'error': JSON.stringify(err.message)}); } } export default handler; I am getting followinhg error {"jsonapi":{"version":"1.0","meta":{"links":{"self":{"href":"jsonapi.org/format/1.0/"}}}},"errors":[{"title":"Method Not Allowed","status":"405","detail":"No route found for \"POST unicefd10.assyst-uc.com/jsonapi/index/blogs_and_articles\": Method Not Allowed (Allow: GET, HEAD)","links":{"via":{"href":"unicefd10.assyst-uc.com/jsonapi/index/blogs_and_articles"},"info":{"href":"www.w3.org/Protocols/rfc2616/rfc2616-sec10.html#sec10.4.6"}}}]} ⨯ TypeError [ERR_INVALID_ARG_TYPE]: The "string" argument must be of type string or an instance of Buffer or ArrayBuffer. Received an instance of Object at Function.byteLength (node:buffer:774:11) at K.t.end (/var/www/html/next-13project/unicefd10/node_modules/next/dist/compiled/next-server/pages-api.runtime.dev.js:20:13136) at handler (webpack-internal:///(api)/./pages/api/handleSearch.js:35:20) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { code: 'ERR_INVALID_ARG_TYPE', page: '/api/handleSearch' }

I have been trying to figure this out with the Expanse theme we are using. It’s a slide show for our hero image. Even though we don’t use it as such. I have found the Div for our hero image, but there isn’t any lazy loading in the coding for it. Any thoughts?

Really helpful for me to reduce JavaScript execution time. You got a subscriber and eagerly waiting for new videos in this series.

Deploy in any live servers because I'm getting error "Browser can't lunch"

Your content is very helpful. Keep shooting these videos.

its working fine in desktop, but in mobile its not working as expected. is there any solution for this?

Hello John, sadly I couldn't get it to work despite your great tutorial. I guess I identified the right picture and found it in the code of my shopify liquid. Sadly my shopify code looks totally different. So the code I have to work with is the following: <div class="hero-image hero-image-{{ block.id }} media bgset lazyload" {%- render 'lazysizes', img: block.settings.image, img_mobile: block.settings.image_mobile, img_type: 'background' -%}> </div> {%- elsif block.settings.video != blank -%} {%- assign video_extension = block.settings.video | split: '.' | last -%} <video class="hero-video hero-video-{{ block.id }} media lazyload" src="{{ block.settings.video }}" loop muted no-controls autoplay playsinline preload="true"> <source type="video/{{ video_extension }}" src="{{ block.settings.video }}"> </video> {%- else -%} {{ 'lifestyle-1' | placeholder_svg_tag: 'media placeholder-svg lazyload' }} {%- endif -%} I am pretty sure I have to change the first 'lazyload' because when I do so and change it to eagerload (also tried just eager) my shop banner just disappears. Out of curiosity I tried to change the other 'lazyload' which didn't change a thing. So I have no idea what to do. Is the theme maybe complicated and I have to change something else? Help would be appreciated a lot.

That was excellent, thanks. Any chance you would do another video where it converts your array into a JSON file and then an excel file that shows up underneath the Run Scaper button? lol Or maybe I can find another youtube video out there somewhere for those steps.

my extention not working

You are using powershell for this script. Can you please make a video showing us how to set up powershell to run these scripts