I am not Okay

Minimize HTTP Requests script 태그, link 태그, object 태그 , style 태그 , image 태그등과 같이 http 요청을 다시 유발하는 것들을 되도록 줄이라는 내용. 이런 페이지 구성요소들을 다시 불러오는 것이 응답시간의 80%를 점유 한다고 한다. 개선 방법으로 디자인를 간단히 하라는 것. (ㅡㅡ;) 그러나 RICH 한 UI 가 대세인 요즘. 아래의 방법이 속도를 빠르게 하는 팁이다. Image maps 의 활용 : 한줄로 정렬된 메뉴 버튼 같은 경우 통으로 된 하나의 이미지를 불러다가 쓰고 이미지맵을 통해 링크 처리한다. 이미지 사이즈는 비슷하며 대신 한번의 요청으로 불러오게 됨으로 http 요청수가 줄어든다. 단 , 열라 까다롭고 귀찮다. CSS Sprites ..

1. 만들기 1) var re=/패턴/플래그; 2) var re=new RegExp("패턴","플래그"); 3) 차이 - new로 만들때에는 이스케이프문자는 \는 \\로 해주어야 한다. var re=/\w/; var re=new RegExp("\\w"); 2. 플래그(flag) g (Global 찾기) 패턴에 맞는 모든문자 찾기 i (Ignore Case) 대소문자 무시 m (Multiline) 여러줄3. ^ 문자열의 시작을 의미 ,m 플래그를 사용할경우 경우는 각 문자열의 시작 $ 문자열의 끝을 의미 ,m 플래그를 사용할경우 경우는 각 문자열의 끝 . 모든 한문자4. [문자들] - 괄호안의 문자 하나와 매치 예) [abc] 는 a나 b나 c중 하나를 의미 [^문자들] - 괄호안의 문자가 아닌문자와 매치..

2.1 Cross Browsing의 정의 웹페이지의 상호 호환성(Cross Browsing) 구축에 대해 이야기하면 기본적인 오해가 있다. 그것은 바로 이것이 모든 웹브라우저에서 100% 똑 같이 보이도록 만드는 것이라는 생각이다. 작게는 1990년대 후 반 Netscape사와 Microsoft사의 Browser War 기간 동안 일어난 브라우저의 비호환성을 억지로 끼워 맞 추려는 기법 정도로 치부되는 것이다. [그림.2 역사 속의 다양한 웹브라우저] 그러나 OS가 다르고 글꼴이 다르며, HTML을 렌더링(Rendering)하는 엔진이 다르기 때문에 모든 웹브라 우저에서 100% 똑같이 보이게 하는 것은 가능하지 않다. Cross Browsing이란 적어도 표준 웹기술을 채 용하여 다른 기종 혹은 플랫폼..

웹 페이지 로딩속도 빠르게하는 10가지 노하우 1. 이미지는 반드시 싸이즈를 지정 이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다. 이미지를 삽입시 가령 sample.gif (width=200, height=60 크기) 라는 이미지를 올린다면 이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이 로딩에 도움을 줍니다. 또한 alt 태그를 이용하여 이미지에 대한 설명을 주면 방문객들에게 친절한 서비스를 제공하는 것이며 네스캐이프나 익스플로러 이외에 다른 텍스트 브라우저를 쓰는 사람들에게 많은 도움이 되겠죠. 2. 다음 페이지의 이미지를 미리 받습니다 다음페이지로 연결되는 페이지라면 다음 페이지의 이미지를 미리 받아 캐시 메모리에 저장시켜두는 것이 다음페이지의 로딩속도를 빠르게 합니다...