To implement Website Speedy on your Webflow website, follow these detailed steps:
Step 1: Login to Your Dashboard:
Open your Webflow account and log in using your credentials. This will take you to your main dashboard where you can manage your website projects.
Step 2: Click on Apps:
Once you’re in the dashboard, navigate to the Marketplace section & click on Apps. This will direct you to the Webflow App Marketplace where you can browse and install various apps.
Step 3: Search for Website Speedy:
In the search bar at the top of the App Marketplace, type in “Website Speedy” and press enter. This will filter the apps and show you the Website Speedy app.
Step 4: Click on Install:
Find the Website Speedy app in the search results and click on it. You will see an “Install App” button on the app’s page. Click on it to start the installation process.
Step 5: Select Workspace:
After clicking install, you’ll be prompted to select a workspace. Choose the workspace that contains the Webflow project you want to optimize. This ensures the app is installed in the correct environment.
Step 6: Enter URLs of 3 Important Pages:
Once the app is installed, you will be asked to input URLs. Enter the URLs of the three most important pages of your website. These pages will be analyzed for speed optimization.
Step 7: Click on Boost Speed Now Button:
After entering the URLs, click on the “Boost Speed Now” button. This action initiates the optimization process, applying various techniques to enhance your website’s loading speed.
Step 8: Copy Speed Enhancement Script:
Once the optimization process is complete, you’ll be provided with a speed enhancement script. Copy this script as you will need to add it to your Webflow project.
Step 9: Paste Script in Head Code and Save:
Go back to your Webflow dashboard, navigate to your site settings, and find the custom code section. Paste the copied script into the “Custom Code” section and save the changes. This script will help in further speeding up your website.
Step 10: Click on Verify and Go to Step 3 Button:
After saving the script, return to the Website Speedy app and click the “Verify and Go to Step 3” button. This step ensures that the script is correctly installed and operational.
Step 11: Check Your Updated Speed:
Finally, use speed testing tools such as Google PageSpeed Insights, GTmetrix, or WebPageTest to check your website’s updated speed. Compare the new results with your previous performance to see the improvements made by the Website Speedy app.