Lýsing
Contact Form Lazyload is a lightweight WordPress plugin designed to improve your website’s performance by lazyloading Contact Form 7. This plugin delays the loading of contact forms until they are in the viewport, reducing initial load times and enhancing user experience.
Example code:
[lazy-contact-form-7 id="ID form" title="Title form" root-margin="0px" no-observer="false"]
root-margin=“0px“
root-margin=“0px“ sets the size of the base margin, allowing the form to load sooner or later. Root-margin can be set in several ways:
– root-margin supports units such as px and %.
– root-margin: 100px – the form will load 100 px before the specified element.
– root-margin: -100px – the form will load 100 px after the specified element.
– root-margin: 20px 50px 20px – the form will load with margins of 20px on top, 50px on the sides, and 20px on the bottom.
no-observer=“true“
no-observer=“true“ Is a solution aimed at developers who want to have control over exactly when the form is loaded. Setting this option to true will prevent the form from loading automatically on the page, and you will need to manually change the data-fsdpcfl-src attribute to src using JavaScript.
To enable the loading animation, add the active class to the fsdpcfl-loader class.
If you have any questions, you can contact us via email. tech@56degrees.co.uk
Uppsetning
- Upload the
contact-form-lazyload
folder to the/wp-content/plugins/
directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Find your shortcode contact form 7.
- Replace [contact-form-7 id=“ID form“ title=“Title form“] with [lazy-contact-form-7 id=“ID form“ title=“Title form“]
SOS
-
How does this plugin improve website performance?
-
The plugin delays the loading of contact forms until they are in the viewport, which means that forms are only loaded when the user scrolls down to them. This reduces the initial load time of the webpage, leading to faster load times and a better user experience.
-
Is this plugin compatible with all contact form plugins?
-
Contact Form Lazyload is designed to work with most popular plugin Contact Form 7. If you encounter any compatibility issues, please report them on the support forum.
-
Can I customize the lazyload behavior?
-
Yes, the plugin provides settings that allow you to customize the lazyload behavior, including the threshold and delay time before the contact form is loaded.
Umsagnir
There are no reviews for this plugin.
Þátttakendur & höfundar
“Contact Form Lazyload” er opinn hugbúnaður. Eftirfarandi aðilar hafa lagt sitt af mörkum við smíði þessarar viðbótar.
HöfundarTranslate “Contact Form Lazyload” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Breytingarsaga
2.0.1
- 2024-09-12
- Logging the error about nonce in the logs
2.0.0
- 2024-09-09
- Changing form loading from plugin address to ?fsdpcfl
- Adding javascript minification of peaks
- Improved security by cleansing the data transferred by the user
1.0.0
- 2024-07-24
- Initial release.