[WordPress Tricks] Instructions on how to make your website accessible offline in WordPress – This is considered a pretty good feature for those who want their website to work 100% all the time, if you are a fan of WordPress. If you like perfection, this is a feature not to be missed, when you integrate this feature into your Web site, whether you have a network or not, you can still access your Web site. !
This feature is called Progressive Web Apps, it provides additional features based on supported device, providing offline capabilities, push notifications, interface and similar speed. Native application and local caching of resources.
Contents
#What is a Progressive Web Apps?
Is a website developed by technologies that allow optimal user experience on mobile devices compared to a normal website. It will give you the feeling that you are almost using “Native apps” (Are applications written specifically for a type of platform such as iOS, Android, Windows Phone in the respective languages of each of those platforms), because the following features:
- Offline Support
- Fast app download
- Better security
- Ability to push notifications
- Full screen experience, no URL bar
#Advantages of Progressive Web App
- The PWA application is quite lightweight. If Native size can go up to 200MB or more, a PWA application can be as small as KBs.
- There is no need to have native source code in the application.
- Application effort to reach new users is greatly reduced (instead of having to go to the appstore and download the application to install, now just open a website to experience).
- Dramatically reduces the time spent developing and releasing updates.
- Deep Links support is better than regular native apps.
- With these outstanding advantages, there is no reason why you should not integrate Progressive Web App into your website.
Make your website accessible when offline
So with the perfect features that Progressive Web App technology brings, why don’t you integrate it into your Web site? In this article, I will show you how to integrate Progressive Web App technology into your website using WordPress in the simplest and fastest way.
First install the Plugin called Super Progressive Web Apps (This plugin is rated as the best by the community with absolute 5 stars) (if you don’t know how to install Plugin for WordPress you can refer to the tutorial article) install Plugin for WordPress) . After the installation is complete, you proceed to activate the Plugin and configure it to use.
Now you will see a Menu named SuperPWA, click Settings to configure the Plugin.
In the Plugin configuration page, please notice 3 parameters as shown below.
If these 3 parameters are checked in green, it means it is working and means you can access the Web when Offline.
#Change PWA information
You can change the name of your application in the Application Name section , and the name that appears on the mobile device in the Application Short Name section (you should put the application name under 12 letters) , in addition you can change the application logo. application, other interface parameters.
Next you can set the page to appear when your Web site is accessed Offline, you can leave the default, if you leave the default when users access Offline, it will be your homepage.
#Check the result
Once done, test the results on mobile devices. As you can see when you visit my Web site by phone it will appear a message asking if you have added this application? if you agree it will automatically create an app directly on your phone and it will appear on the home screen (it’s not very heavy, just a few KB) . When accessing the Web, you just need to click on this icon, the speed will improve a lot.
To check if the feature is working or not, visit Google lighthouse to test it? Just type Web page and press Enter you can test this feature.
As you can see my Web site is already integrated, there is only one score left that is not fast when using 3G, this one, I don’t know how to handle it. Simply put, it’s your Web site that can be accessed offline.
Finally, if you find the article useful, please subscribe to my blog regularly to update the latest articles via Email – Thank you!
