 Hello, everyone. Thank you, Mike. My name is Wen, and today I'm going to tell you about a word prayer, static site, but not just static site. I want to make it feel like react, feel instantly loading. Then let me introduce myself. I have a 20 years experience in digital business and when in the past I worked in Bangkok, but I moved to Pai and worked remotely and teach kids, volunteer in the village. After that, like we get it, then we build a company called SitWebTogether, like create a website, create a theme, and plug in. Yeah, this is me or more than 10 years ago and our team there. About the topic today, how loading instantly, how fast. I used to talk about the next JS framework and connect with the WordPress, headless CMS. I think this way is a little bit difficult and too much power. I mean, I mean not necessary for today, I will tell you about some simple, simple website is here, sitex and .virtual.app. This is a real website and I click on the analyze page load, we call PageSpeed. Everyone know about PageSpeed, right? Okay. After that, this has got every 100% for PageSpeed. When we click everything, click the local, click the page, the post, everything load instantly because this is just a JavaScript and it's like a load, not reload the whole page. Can we make it with WordPress? We have to understand about the dynamic and static will present you the dynamic version. We have a server, we have database and we call data from database to web page. If you want to make it faster, we install the cache. We have a lot of cache plugin. Then for database, for web page, we have files that call cache. When people come, they get that file. They do not have to include the database to show the web page. But today, we want to make it faster. We will build everything to static file and then we have only five HTML, CSS and JavaScript. This way, it's suitable for content. It's like a corporate news website magazine. It's no form, no member, no e-commerce. We have to know the restriction of this way. If we know how to make a static, we do not have to use server because static, we just put the file on the internet. We call CDN, content delivery network. We have a file we put on CDN and the file will copy itself through all over the world. It will be very fast, speed and secure because it does a HTML file. There are no way to hack. Low maintenance, you can put that and leave it for years. Not like WordPress. We have to update very often at low cost or free. Normally, it should be free. I will show you the survey that offered a free CDN. But that is just static file. I want to make it react, feeling. The instant page is very good. They say that human brain perceive action taking less than 100 milliseconds at instant. If we can load the page under 100 milliseconds, we will feel that it already loads it instant. And then they just create some hack like when we hover the mouse, when we hold the mouse and click, that takes 300 milliseconds. When we touch, after we touch and click, it takes around 90 or 100 milliseconds. That is preloading before click. This way, we don't have to make any fancy or any react thing. We just load as soon as user hover or touch. Okay. Then the process is like we add instant loading first and then we create static file and then we upload to CDN. For instant loading, after I file a lot of work in, I think instant page is very good. It's free and no pro version. You can use this. Install and it will instantly load. After that, create static file. There are a lot of plug-in to do this. But I think simply static is very good. They have pro version too. But for free version, I think it's enough for many users. For the plug-in, you just go to this plug-in, have some config. You click on generate static file. They will grab everything like a mini page, shtml, scls, and JavaScript. After that, you upload to CDN. The free CDN, that's very good. I think cloud file page is very good too. I will show you today. Only if file is okay too, but they are limit of bandwidth. But cloud file page do not limit the bandwidth. You go to cloud file, you create the static site first. It will be the domain in page.dev of cloud file. After that, you just grab the file and upload to cloud file. Just done. We have to simple plug-in and upload to cloud file. We got free and fast of static file, static site. Okay. I will show you. Then I will go to the site first. This is my site. It's like a demo theme of my site too. Okay. It's just simply magazine. It's demo site here. And click on this. I install the plug-in call, I will show you here. In send page here, when you call in send page, I will show you that. This is a network. Maybe it's hard to see. Network version of like this. When reloading, they will show that, okay, now we already load the page, right? Load the file. When we hover on any post, like this, they will already load. For this, take 300 milliseconds. It's already done. Then when we click, it's Instantly show. I will show you like this. When we click, when we hover on your mouse here, it will load the page for you. Okay. I will show a look and feel. When we click here, if you install, when we click the post here, if you install like this, because in send.page plug-in here is free. I recommend that. After that, I go to simply static here and I click on generate static file. If you grab all your files together and we will put on the URL like this, you'll see that, okay, fresh 1, 2, 49 pages, something. Okay, I assume like this. Okay. They are the whole of the site. They have 130 pages. I click to download here to my desktop. If I open file and I open with here, this is the whole file that I need to upload to the Internet. I can show you in the studio course, but this is just for your information. If you don't know code, it's okay because you just grab this file to upload to Internet. I will show you that there are a lot of pages already, like I already rendered for you to upload. Okay. Then after that, I will go to cloud file page. It's free. You can subscribe to cloud file and page. And I will click create project like this. Okay. I will make it bigger. Create project Direct upload. This is the easiest way. I maybe show it. Demo site here. They will call you the domain name like this. It's a free domain. You can register domain and connect to this domain later. I click on create project. And after that, they will prepare the space for us. I just upload the file that I already export. Okay. I will upload file, zip file here and click open. They will know that, okay, in this file, there are a lot of file here. And they upload on that. This way you just, like export file, upload file, and deploy. It's like make it go live to the real world. And done here. Then I click on see demo site.pay.dev that I just create in a second. Maybe take some time. Let me show you. Let me see what happened. Maybe the internet is not good. Let me show you again. Yeah, here is see demo site. I can click on this site. This static is I just tried before talk today. Something like this. Everything here is just HTML5. It's no WordPress anymore. Then after this, if you want to create new site, create new post, if you want to free solution, you just click on generate every time. This is free for not often update. It's like a corporate site. It's like a block site that maybe once a month to update. But for a simple static, let me show you this. They have pro version that connects to Git. If you use pro version that click on create, any time you click on publish, the system will create a good version. And the good version will be connect to the cloud fair like that. Then every time you click publish on your website, you don't have to download file. You don't have to deploy anything. It's live on cloud fair already. Yeah, this is the whole process. I think this is the very easy way I can find. Just install two plugins. And after that, it's free solution. And you can make it go live like this. And you will see that it loads instantly. I will show you that if I hover, you'll see that it loads more, hover, and it loads more page. Like this. Just hover and it's already loaded. That means when I hover and click, it's already loaded in the system. Hover and click, it feels instant. Yeah. This is my topic. I think it should be very easy and anyone can take it and just install plugin and try for your project. Yeah. Okay. Thank you so much.