학과사이트
firefox에서 알아두면 좋은 기능_NET
알 수 없는 사용자
2011. 11. 23. 18:00
각 학과별로 메인페이지를 로딩할때 얼마나 시간이 걸리는지 확인할수 있는 기능.
firefox 실행후 F12 버튼을 누른다 .
Net 탭을 눌러서 disable 에서 enable로 바꿔주면 아래와같이 timeline을 확인할수 있다.
로딩되는 순서를 보면 과장님이 말씀하신대로 html-css-js..images .. 순서로 로딩이 되는데
위에 텝을 누르면 categoriging이 가능하다.
: 가장 하단에 request total 값을 보면은
web 용은 보통 2.4M 전후
mobile 용은 보통 500KB 전후
: 만약 위의 범위에서 차이가 나는 사이트가 있다면 먼가 소스가 잘못됬거나, 이미지축소가 안돼서 용량을 잡아먹고 있을 가능성이 높음..
보면 GET 앞에 + 표시가 있는데 이거 눌러보면 이상한 정보들 볼수있다..응답/캐시/쿠키/ 머 이런거 잘 모르겟지만 먼가 간지난다. 으히히히
더하기 그만구경하고 ..
: 난 그래두 명색이 더미 웹디자이너이니까, 내가 컨트롤 할수있는 부분은 css/js가 아닌 images 이기 때문에
: 정렬된거 하나씩 눌러보면서 이미지 짜그라진거, 아님 너무 늘어진거 혹은 용량 겁내 큰거. 먼가 장애가 있는것들 찾아내서 고쳐내고, 소스가 이상하게 의심스러우면 고치면 됨
firefox 실행후 F12 버튼을 누른다 .
Net 탭을 눌러서 disable 에서 enable로 바꿔주면 아래와같이 timeline을 확인할수 있다.
로딩되는 순서를 보면 과장님이 말씀하신대로 html-css-js..images .. 순서로 로딩이 되는데
위에 텝을 누르면 categoriging이 가능하다.
: 가장 하단에 request total 값을 보면은
web 용은 보통 2.4M 전후
mobile 용은 보통 500KB 전후
: 만약 위의 범위에서 차이가 나는 사이트가 있다면 먼가 소스가 잘못됬거나, 이미지축소가 안돼서 용량을 잡아먹고 있을 가능성이 높음..
보면 GET 앞에 + 표시가 있는데 이거 눌러보면 이상한 정보들 볼수있다..응답/캐시/쿠키/ 머 이런거 잘 모르겟지만 먼가 간지난다. 으히히히
더하기 그만구경하고 ..
: 난 그래두 명색이 더미 웹디자이너이니까, 내가 컨트롤 할수있는 부분은 css/js가 아닌 images 이기 때문에
images 탭으로 들어가서 머가 잘못댄게 있는지 사이즈를 기준으로 정렬해준다.
: 정렬된거 하나씩 눌러보면서 이미지 짜그라진거, 아님 너무 늘어진거 혹은 용량 겁내 큰거. 먼가 장애가 있는것들 찾아내서 고쳐내고, 소스가 이상하게 의심스러우면 고치면 됨