Website Loading
WEBSITE LOADING:
● To check the Performance using tools.The tools are following below
1. Pagespeed insights
The normal performance of the Mobile is Above 65.
The normal performance of the Desktop is Above 85.
2. Pingtom
The normal Performance grade is A%.
The normal page size is less than 1MB.
The normal load time is 1 to 5 seconds.
The speed test country is Sydney.
3. GT Metrix
The normal Performance grade is A %.
The normal structure is Above 85.
The normal loading time is 1 to 2 seconds.
4. W3C Markup Validation
The normal errors will be below 10.
The normal Warning will be below 5.
LINKING:
Menu:
1. It should be clickable.When we click it, move to the Respective web page.
2. When we hover, it shows their title tag and also provides the link for the respective one.
3. On the left hand side the logo should be presented.
4. On the right hand side or top of the header the search bar should be presented.
Footer:
Left side:
1. We should mention the Current year and Company name.
2. The company name should be clickable and hoverable.
3. When we touch the company name, it moves to that company website.
4. When we hover the company name, it shows the title tag.
5. The format will be “ Copyright© 2023. Company Name. All Rights Reserved.”
Right side:
6. We should mention the “ Designed and developed by subraa ”.
7. When we hover the subraa it must shows the web design singapore
8. It must be clickable. When we click, it moves to that respective web page.
9. To check that, Whether the content is center aligned or left aligned.
Buttons in page:
1. The buttons should be clickable and hoverable.
2. When we click the button, it should perform some actions.
3. For example, If I click the submit button, It should be submitted and show the Thank you
message when all the details are correct.
4. Otherwise, It shows the Error message.
5. If I click the shop now button, it moves to the shop now page.
6. When we hover the button the color will be slightly changed.
Hyperlinks in pages:
1. It looks like content or sentences. But, it will be clickable.
2. For example, Address, Phone number, email, etc.
3. When we click, it will do the respective operations.
4. If I click the Address, It moves to the google map.
5. If I click the phone number, It will call the respective phone number.
RESPONSIVE:
● To check the Responsive of the Mobile Phones and Ipad. These are following below,
1. IPad Portrait
2. IPad Landscape
3. iPhone Portrait
4. iPhone Landscape
5. iphone xr
6. iphone 12 pro
7. Browser resize
8. All Mobile Portrait
9. All Mobile Landscape
In the mobile view, Click the Hamburger menu to check the every subtitles and contents.
1. Check the alignment of contents, images in all views
● Privacy policy
If the Requirement provides the Terms and Policy ,It must be Clickable. Otherwise it will not
be clickable.
● ICON
1. The icon should be present before the subtitles.
2. The icon will be invalid, when it becomes like a .jpeg image.
3. The developer fixed the issue. you have to check in the normal mode. Again ,you
have faced the same issue. You have type open in the Issue Tracker.
● Website
To check the title tag, you have to use the shortcut key - control + u.
Logo
➔ It must be Clickable and Hoverable.
➔ When hovering the logo, it shows the title tag.
➔ When clicking the logo, it moves to the Home page.
1. The Banner content words must be Capitalized.
2. When I use the Scroll down bar, The header will come to the page, like an
Animation.This is called Sticky Header.
3. To ensure that the Logo and the content will be Vertically straight line.
4. The left and Right side of the Web page have the Equal spacing.
5. To ensure that the Banner image must be a requirement image.
6. The Banner image must be Hovering, Show slightly Animation, Show the title tag.
7. To check the content of the small banner, Whether the contents are present inside the
banner or not. We have to check the small banner using ctrl +, ctrl ++, ctrl - and ctrl –.
● Third party Logo
1. When we have to click the Third party logo ,It must be open on the new page.
2. To ensure that, it must be clickable, show the title tag and slightly change their colors.
● Bottom Footer
Left side:
We should mention the Current year and Company name.
The company name should be clickable and hoverable.
When we touch the company name, it moves to that company website.
When we hover the company name, it shows the title tag.
Right side:
We should mention the “ Designed and developed by subraa ”.
When we hover the subraa it shows the web design singapore.
It must be clickable. When we click, it moves to that respective web page.
To check that, Whether the content is center aligned or left aligned.
● Parallax section
To check, The content will be center and equal spacing of vertical and horizontal.
The image will be in a fixed state and the content only moves.
The parallax section starts from the edge of the left side to the edge of the right side.
● Mobile number
This is mandatory to number starts from +65.
After the +65 the number starts from 8 or 9, This number is a Mobile number. Else the
number starts from 6, This number is a Telephone number.
It must check what icons have been used.
● General Form
Without filling any of the fill in the blanks in the form, to click the check box, It must show
the error message.
The error message should be the same font size and font style, what we use in the form.
The error message should be the Red color.
The Thank You message should be the Green color.
The error message should present one time only.
If the error message is present multiple times, It will be an issue.
When we test the form, The following details we have to type in the blanks,
Name : Subraa
Email : [email protected]
Phone : +65 9795 7890
Message : test
And then we have to submit the form.
If you click the submit button, the Thank message shown in the below screen. To check
that it will be user friendly.
GENERAL:
Favicon:
1. Favicon is the logo. If it is an invisible logo, we should provide the background color as
white for the logo.
2. If it is visible, No need to provide the white background.
Bullets if any:
1. We have to use the same butters in the entire web page.
404 Errors:
1. If we have to type incorrectly additional letters in the URL, it goes to the page of 404
errors.
2. We have to check the Browser resize, ctrl + and ctrl++.
3. We have to check the font style and font size of the entire web pages.
4. In the error page, the header and footer must be present.
While going to the Live changes from and To ID:
1. After completing testing, The web page moved to Live, That time we changed from
testing ID to Client ID.
2. We have to check the client ID through the developers.
3. We have to get screenshots from the developer and then check the client ID, Whether it
is correct or not.
Provided appropriate name for Image:
1. We ensure that, whether we are providing the image name is correct or not.
Image quality:
1. We ensure that image Quality is presented in the website as well as All the mobile
phones.
2. We have to check the image quality, whether it is blurring or pixelating?
3. To check the image quality at ctrl +, ctrl ++, ctrl - & ctrl-- views
Horizontal Scrolling Issue :
1. To check ctrl + & ctrl ++ views & All the mobile and ipad devices , whether horizontal
scrolling issues arise or not.
Thank you message & Thank you page redirect to Home page:
1. After submitting the form, the thank you message is shown below the submit button.
2. It will be user friendly, after submitting the form, it will be automatically redirected to a
thank you message.
When Click Logo go to Home page:
1. Wherever the logo, if I click it, it redirects to the home page.
2. It must be clickable, hoverable & show the title tag.
Contents are Text align center in mobile devices:
1. To check the contents are properly center aligned in all the mobile devices
2. To check whether the contents are overlapped or not.
Button hover menu hover in Theme color:
1. The hovering color of Button & Menu should be the same as the logo theme color.
