Page Size Checker


Enter a URL



About Page Size Checker

What is the size of the web page and how to verify it?

Simply input URL in seo tools box and you get infromation you need!

For some time now, having a responsive web page is essential to guarantee its success. It is important that the portal design be able to adapt to the screen size of any mobile device, even more so today in which the majority of users use our smartphones and tablets to surf the web. It is also important to have a responsive design so that search engines *see us with better eyes*and we can improve our positioning.

To guarantee this design, it is important to carry out tests on the screens of the different electronic devices during the development process. As it is impossible to have at our disposal all the screen sizes on the market, it is necessary to use tools that help us verify that everything will look good regardless of the size we use. Due to its importance, today we will review some of the tools we can use for this purpose.

Responsive Test Tool is another very versatile and easy-to-use tool that can help web designers verify that everything looks the right way. It offers the same options as the previous case, but with the difference that here you can also review how the web would look on televisions that are capable of connecting to the Internet. All this is done through the options that appear at the top, moving from one device to another with a single mouse click.

We must also highlight the option offered to validate our HTML code following the rules established by the W3 body. For this, it is only necessary to click on the button that is available for this in its menu.

Chrome developer tools

Chrome also offers the possibility to check the responsive design of a website. To do this we will press F12, or in the browser menu on the option *More Tools*Tools for developers*.

At the bottom of the screen, a new panel will open. We must click on the icon that has the form of a screen and that appears in its upper left corner.

By clicking on that icon, the web will be displayed on a screen size of a mobile device.

If you look at this screen, at the top we find several options:

The first one we find is the device model. In the case of the example, it is the Nexus 7, although if we display that option many others will appear.
The next option refers to the screen size. These values ​​can only be modified if we have not chosen a specific terminal model.
The third option allows us to play with the percentage of the screen size that will be displayed. Useful in case the size is very large and you have to scroll. If we reduce it, we can see it in one pass. The last option to highlight is the last one that appears and that allows us to alternate between the vertical and horizontal position.