Speed up Your WordPress Site !!
Performance plays a major role in the success of any online venture. The more unused CSS is on your website, the more time the browser spends calculating the styles for each node. Unused CSS also slows down a browser’s construction of the render tree.
What is Website speed?
Speed Index measures how quickly content is visually displayed during page load. Currently the speed is focused on loading performance. First Paint, First Contentful Paint, Time to First Interact. Google rewarding sites delivering fast experiences. Sites that displayed quickly will typically receive more traffic and have better conversion rates.
We are number one…
This is the first plugin for WordPress in the world to analyze HTML and Remove unused CSS from your site. Wptypek is full feature WP Technical optimization Plugin for WordPress
One-second delay in mobile load times can impact conversion rates by up to 20%.
Delays caused by mobile speed aren’t just frustrating, they can also have a negative impact on business results. If a slow mobile experience drives customers away, a fast mobile experience can help attract and keep them — and those milliseconds can earn millions.
The difference between Wptypek and other Speed up solutions for WordPress?
Most plugins remove white spaces, newlines, comments or only allow you to either load file.css, or not. If you only use a bunch of rules from file .css, you’re still loading entire css just for that. – and that’s all. WPtypek performance works completely different, analyzes page structure and removes unnecessary code from css files and html. Then for each page plugin generates unique files containing only the required css code.
How our plugin remove unused CSS from WordPress?
To construct the render tree, a browser must PARSE HTML to DOM and CSS to CSSOM and then, analyze the entire DOM tree, and check which CSS rules apply to each node. The more unused CSS there is, the more time that a browser might potentially need to spend calculating the styles for each node. Our plugin analyzes page structure and removes unnecessary code from css. Then for each page plugin generates unique files containing only the required code.
What Clients Say about Wptypek Performance Plugin For WordPress?
The best thing that ever happen to WordPress for years. PageSpeed is a critical factor to rank high. WordPress generally is not the fastest CMS. Now WPTypek can really change this. You can easily get “green” on Google Page Speed testing tool. Fantastic plugin
Lukasz Zelezny Seo Consultant, area of expertise is social media. 25k+ followers on LinkedIn. He travels all over the world sharing his tips on SEO, social media and analytics at conference.
A game changer! I found WPTypek as the best solution for my WPO tasks! A click here and other there and you will have awesome results in Google Page Speed 😍 You won’t regret to have WPTypek. Great product, great suppor and great guys.
Carlos Tum, web designer from Guatemala. Lover of a great coffee.
Why DOM and CSS optimization is important?
Your page builder or WordPress website probably loads all styles – for widgets, blocks or modules (even if you don’t use specific module on the site). We check html and css code and removing unnecessary css and html elements. Google announced a plan to identify and label websites that typically load slowly by way of clear badging. The company says it may later choose to identify sites that are likely to be slow based on the user’s device and current network conditions
Remove unused CSS from WordPress
WPtypek performance checks which CSS rules apply to render page and only these styles are placed on page.
Potential reduction:
Standard Divi CSS: ~789k Purified + Minified: ~120k
Minify CSS
Minimization improves page rendering speed without any negative impact on the application or user experience..
Purify WordPress HTML
HTML Purifier will not only remove all malicious code, it will also make sure your documents are standards compliant. Remember – that part is only achievable with a comprehensive knowledge of W3C‘s specifications.
Plugin manager
Sometimes you don’t need to load all plugin for every page or post. So, you may want to disable some of the plugin for some certain pages or posts in order to make your website fast and professional as well.
Image compression Webp ( Coming soon)
Loading smaller images is faster page loading times.
Page Caching
Brilliant method which can help you to improve the load time
More awesome features to speeding Up Your site ?
Gzip
Gzip compression is a simple, effective way to save bandwidth and speed up your site.
Lazy loading
Lazy loading is technique that defers loading. Displays images on a page only when they are visible to the user.
Clear WordPress header
This plugin allows you to remove meta tags –
There is a lot of information that you usually don’t need.
Database Optimization
Clean database contribute to overall performance. Enhance the overall response time of your website.
Defer JavaScript and more… Work with WordPress, work with all!
Wptypek Performance will work with Pagebuilder CSS but also those of installed child themes and plugins. Purify theme or Purify all
*Potential Divi speed reduction:
1. Can I use your plugin with other comprehensive cache tools.?
Unfortunately, no – our plugin is a comprehensive solution, which efficiently substitutes most of known premium plugins on the market. Only cache that is acceptable is server cache(litespeed cache etc.), or services such as cloudlflare etc.
2. Why choose your plugin?
Most of the currently available tools on the market are based on http1 recommendations, meaning they merge .js files in big packages, which require more time to by analysed by the browser. The same goes for .css files.
Possible situation with standard plugin:
Your browser may need from 500ms to 1s to download one big (1mb) .css file.
The browser may need from 700ms to 1.5s to render such a big .css file.
This means that during the first visit just the download and render of the .css file may take over 2.5 seconds. With each following visit the browser will not need to download the file, because it will be stored in cache, but rendering such a large file will still take up a long time – from 700ms to over 1.5s.
Wptypek Performance plugin generates smaller files for each website.
Downloading a file from 100kb to 200kb in size will take your browser about 100ms to 300ms.
Analysing a small file will take about 50ms to 200ms.
During first visit and rendering it will take at maximum 500-700ms, meaning you can save up to 1.5 second. With repeated visit the saved time will be about 100ms to even few seconds depending on the size of the .css file.
3. What about .js files?
It’s simple, the plugin supports the defer attribute for .js files – which means that those files do not block rendering, because they are loaded last.
4. Why the speed is not the time until the site is fully loaded?
It’s simple, the website can load even up to 3 seconds, but the time before the user can use it may be 300ms – in other words, the user may use the site after 300ms and the rest of the less important content is loaded after.
A good examples are: button for adding items into cart in online stores, analysis or facebook pixel.
Do you know anyone who clicks “Add to Cart” immediately after entering a site? – Me neither, that is why this script and others like it can be loaded later or when they are needed. The same goes for analytics, Facebook pixel and other scripts Why load them first, if the user does not need them, you can wait 300-400ms and load them in the end. That is why your website can be fully loaded in 1.5s and be available after that time. And your competition’s website can load in full after 3 seconds, but be accessible and visible after only 300ms. Which means that the user can use the site freely, see all the content after 300ms, and the remaining elements such as tracking codes, pixels and other functions will be loaded during the visit.
5. Can you repair every site?
Unfortunately, no. This may sound strange, but it is not a miracle tool, or panacea to all website-related ills. The biggest problem is us – website and plugin users. We install thousands of solutions on ready websites – this popup looks great, that plugin will show a cool button, here I need a giant slider, here we need a map and a script for chat. Every one of these features can be used on your website, but you should know how these plugins operate and how to avoid overloading DOM – e.g. Many sliders have bigger size and an entire theme. Yes, just one slider can generate a heavier load and your entire website. That one small pop-up can generate a heavier load and your entire website. Few dozen of such elements and DOM is too big for anyone to handle.
We will not pull wool over your eyes and promise you the impossible, there are no tools which can repair a website code – our plugin works great, but you need to remember that it’s intended to optimize the code, not fix it.
6. What tools do you recommend for building a website?
All of them are great, really – More pagebuilders has more than 750 functions and you probably only use 20 of them, and other users are use a 20 different functions from yours. Page builder developers are doing all they can so their tools work faster. In most cases it’s up to you how fast your website will be – we can handle most .css files with a correctly written theme, but big .js files might be a problem. If the publisher of your theme generates few mb of just .js files clustered into one… you’re gonna have a bad day.😊
We use Divi and Gutenberg, which are great tools and contrary to popular opinion DIVI is really well optimized. You can read more about it here: How to speed up Divi theme
7. The plugin does not work or you can’t see a difference?
There are so many variables and reasons why the plugin might not work in your instalations, that it is impossible for us to test the compatibility with every plugin or server configuration. That is why, we ask you to prepare a test version and contact us.
WPTYPEK is great solution for WordPress
Did you know that more Pagebuilders loads all functions even if you don’t use them? All this functions reduces the page loading speed. This is good way to get your website completed, because you can choose what you need – just like a buffet. You choose this functionality of Pagebuilder, and others users chose another functionality of Pagebuilders. You’re right. Pagebuilder is a toolkit – useful at work (full of flexibility and the ability to create, customize, and personalize). WPTYPEK is great solution, because the result of your work is optimized, not the tool.
Try a new quaility to optimization Pagebuilders.
Time to first byte. TTFB. The time from sending a request by the client to receiving the first byte of the response gives us a true picture of the efficiency of processing user requests. This time includes not only travel time for questions and answers, but also, importantly, it shows how quickly the answer was prepared. There is nothing about the size of the answer in this measurement. You can send 0.1 KB of instant messages or 1 GB of video. It is important that you quickly responded to the user’s request and something is already happening.
DOM Content Loaded –DCL content is the time it takes to load and process HTML responses. The browser analyzed and created the DOM model of our website, without any style sheets, images, iframes, JavaScript. This is also the first analysis of what remains to be done. Remember that the measurement includes HTML code analysis. Remember – easy conversion into the DOM is important – not the size in KB.
First Meaningful Paint. First painting – The first significant paint. First painting – one of the most important elements of Nielsen’s heuristics. Visible response to user action. It doesn’t matter what and how you give it. It is important how quickly the user sees that something is happening, visual identification confirms that he has entered correctly.
Time to Interact – First interaction – Measurement showing when you can start using the site. So what if the user sees the page, but nothing can be done? This audit fails when the browser waits more than 600 ms for the server to respond to the main document request. Users dislike when they must wait. Slow server response times are one of the possible reasons for a long page load.
Throw away your old tools and optimize your Website in the best way!
Throw away HTTP 1 – retro tests and retro recommendations. No more merging files into mega-packages. No more concatenation, CSS appending in head etc. No more old tools for optimze your site. All tools based on http1 standards must be removed from the site.
Throw away Old tests based on Yslow or curl are limited to measuring time, number of connections and file size.
Last Yslow update was six years ago, it doesn’t contain anything that has been created in the last decade. Does not take into account changes in the structure of websites. Pages with full server-side rendering have been switched to transferring a large amount of calculations to the user.
Relying on old guidelines from HTTP 1 is incorrect because it is assumed that:
• 1 KB message is better than 1 MB. But is it really a 1 KB script with an infinite loop that kills the processor better than a 1 MB photo?We get recommendations about sub-domains and CDNs to bypass HTTP 1 when we have HTTP/2 and with one connection we can deliver multiple files.
Query time measurement. Here the factor is half important. It is important to provide page elements faster. Omitting the delivery method, the type of items and their location will distort the result. If the user can read the article, slowly loading a photo in the footer that he cannot see should not affect the positive rating.
Such tests are convenient because they are easy to cheat.
Without taking into account the new HTML 5 standards, asynchronous, HTTP 3, or file types such as webp localhost will always be acquired online. A static file always wins with PHP.
You can get 100% points, although on a device with low RAM, a weak processor or without GPU support, the site may be useless.
*If the plugin removes too much css code, use the embedded system to exclude css classes from cleaning. We will be grateful if you write on the facebook group what classes we should add to Config for better work it with Divi. You need to know the basics of CSS, how to find the styles to be added to the white list.
Sample exeptions:
.et_pb_section .et_pb_row .et_pb_column .et_pb_module:last-child, ,.et_mobile_menu, .closed, .et_pb_bottom_inside_divider, .et-db #et-boc .et-l .et_pb_section .et_pb_row .et_pb_column .et_pb_module:last-child,.et_waypoint, ,/et_pb_contact/, /et-animated/
Wptypek Performance plugin does not repair third-party code, it only optimizes. Remember that it works best if you use a balanced number of plugins, because it supports your work environment. Use fewer plugins. More plugins = more problems.
Lukasz Zelazny(verified owner)–
The best thing that ever happen to WordPress for years. PageSpeed is a critical factor to rank high. WordPress generally is not the fastest CMS. Now WPTypek can really change this. You can easily get “green” on Google Page Speed testing tool. Fantastic plugin